改变 iframe 的背景色

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <iframe id="myframe" src="/demo/demo_iframe.html"></iframe>
  6.  
  7. <p>单击按钮可更改iframe中包含的文档的背景颜色。</p>
  8.  
  9. <p id="demo"></p>
  10.  
  11. <button onclick="myFunction()">试一试</button>
  12.  
  13. <script>
  14. function myFunction() {
  15.   var x = document.getElementById("myframe");
  16.   var y = x.contentDocument;
  17.   y.body.style.backgroundColor = "red";
  18. }
  19. </script>
  20.  
  21. </body>
  22. </html>
  23.