iframe在firefox下的访问(js)

firefox下访问操作iframe里内容

Mozilla支持通过IFrameElmRef.contentDocument访问iframe的document对象的W3C标准,通过标准可以少写一个document,代码:

  1. var iObj = document.getElementById(iId).contentDocument;
  2. alert(iObj.getElementsByTagName(h1)[0].innerHTML=我想变成她一天的一部分);
  3. alert(iObj.getElementsByTagName(p)[0].firstChild.data);

兼容这两种浏览器的方法,现在也出来了,就是使用contentWindow这个方法。

嘿嘿!操作iframe是不是可以随心所欲了呢?如果还觉得不爽,你甚至可以重写iframe里的内容。

三、重写iframe里的内容

通过designMode(设置文档为可编辑设计模式)和contentEditable(设置内容为可编辑),你可以重写iframe里的内容。代码:

  1. var iObj = document.getElementById(iId).contentWindow;
  2. iObj.document.designMode = On;
  3. iObj.document.contentEditable = true;
  4. iObj.document.open();
  5. iObj.document.writeln(<html><head>);
  6. iObj.document.writeln(<style>body {background:#000;font-size:9pt;margin: 2px; padding: 0px;}</style>);
  7. iObj.document.writeln(</head><body></body></html>);
  8. iObj.document.close();
posted on 2010-07-08 13:22  lock  阅读(470)  评论(0编辑  收藏  举报