Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

246
Views
I want to add css to the iframe by appendChild(); the <head>

I know this question might have been answered before but i tried everything i found here.

I want to hide the <app-sidebar>

here's the jsfiddle: https://jsfiddle.net/caght5uf/5/

The iframe I have:

document.getElementById('myiframe').onload = function() {
  console.log("iframe content loaded");
  var iframee = document.querySelector('.iframe-class');
  var link = document.createElement("style");
  link.innerHTML = "app-sidebar{display:none;}.mobile-filter-container{display:none;}";
  iframee.document.head.appendChild(link);
};
<iframe src="https://dorlaaparicio.com/wp-content/plugins/bullhorn-oscp/#/" width="100%" height="600px" scrolling="yes" class="iframe-class" frameborder="0" id="myiframe"></iframe>

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!