返回首页当前位置：首页 >> 网站建设 >> 正文

操作iframe中的DOM元素

文章来自: | 发表时间:2008-1-3 14:26:20

操作iframe中的DOM元素

操作iframe中的DOM元素，有两个注意点：
1、必须先获取指定iframe的document；
2、对于1，必须在页面load完以后才能获取；
举例说明：
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>操作iframe中的DOM元素</title>
  7. <script type="text/javascript">
  8. <!--
  9. //返回指定iframe的document
  10. function getIFrameDocument(aID) {
  11.     var rv = null;
  12.     if (document.getElementById(aID).contentWindow.document){
  13.         // if contentDocument exists, W3C compliant (Mozilla)
  14.         rv = document.getElementById(aID).contentWindow.document;
  15.     } else {
  16.         // IE
  17.         rv = document.frames[aID].document;
  18.     }
  19.     return rv;
  20. }
  22. function bindEvents() {
  23.     var iDocument = getIFrameDocument('test');
  24.     //接下来就可以进行类似的DOM操作了
  25.     var map = iDocument.getElementById('map');
  26.     //……
  27. }
  28. //-->
  29. </script>
  30. </head>
  32. <body onload="bindEvents()">
  34. <iframe id="test" name="giscontent" src="iframe.html" frameborder="0" scrolling="no">
  35. </iframe>
  37. </body>
  38. </html>
相关文章 更多