转:ie6与firefox操作iframe中DOM节点的一点不同

依次在两个浏览器中运行以下代码

 1 <html>
 2 <body>
 3 <iframe id="myiframe"></iframe>
 4 </body>
 5 </html>
 6 <script type="text/javascript">
 7 var doc = document.getElementById(‘myiframe‘).contentWindow.document;
 8 var textNode = document.createTextNode(‘yes~‘);
 9 doc.open();
10 doc.write(‘<html><body></body></html>‘);
11 doc.close();
12 doc.body.appendChild(textNode);
13 </script>
14
15
16
17
18
19 <html>
20 <body>
21 <iframe id="myiframe"></iframe>
22 </body>
23 </html>
24 <script type="text/javascript">
25 var doc = document.getElementById(‘myiframe‘).contentWindow.document;
26 var textNode = doc.createTextNode(‘yes~‘);
27 doc.open();
28 doc.write(‘<html><body></body></html>‘);
29 doc.close();
30 doc.body.appendChild(textNode);
31 </script>
32
33
34
35
36
37 <html>
38 <body>
39 <iframe id="myiframe"></iframe>
40 </body>
41 </html>
42 <script type="text/javascript">
43 var doc = document.getElementById(‘myiframe‘).contentWindow.document;
44 doc.open();
45 doc.write(‘<html><body></body></html>‘);
46 doc.close();
47 var textNode = doc.createTextNode(‘yes~‘);
48 doc.body.appendChild(textNode);
49 </script>

三段代码在firefox下面都是ok的,但是只有第三段在ie6下面能正常运行,前两段都会报参数无效的错误…… 这说明在ie6下只有使用iframe当前document生成的节点才能被append到DOM中,其他insertBfore..同理

IE8已和其他游览器一致了!

时间: 2024-07-29 00:43:41

转:ie6与firefox操作iframe中DOM节点的一点不同的相关文章

js中DOM 节点的一些操作方法

什么是DOM DOM:文档对象模型.DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构.目的其实就是为了能让js操作html元素而制定的一个规范. DOM就是由节点组成的. 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点.然后操作的时候修改的是该元素的属性. DOM树(一切都是节点) DOM的数据结构如下: 上图可知,在HTML当中,一切都是节点:(非常重要) 元素节点:HMTL标签. 文本

3. 数据双向绑定、ref获取vue中DOM节点

1. 数据的双向绑定 v-model 指令可以实现数据的双向绑定 2. ref获取vue中的DOM节点 注意:节点元素必须使用"ref" 定义一个唯一值,用于定位 原文地址:https://www.cnblogs.com/qfshini/p/12111009.html

原生JS中DOM节点相关API合集

节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 Node.ownerDocument //返回当前节点所在的顶层文档对象,即document Node.nextSibling //返回紧跟在当前节点后面

JS中获取和操作iframe

一.需求与遇到的问题 在网站的后台管理中使用了iframe框架布局,包括顶部菜单.左侧导航和主页面.需求是:点击主页面上的一个按钮,在顶部菜单栏的右侧显示“退出”链接,点击可退出系统. 我的思路是:在顶部的菜单页面放一个不可见的“退出”链接,当用户点击位于iframe中的主页面(mainPage.htm)中的按钮时,在顶部菜单页面的右侧显示“退出”. 我现在遇到的问题是:如何在页面的一个iframe子页面(mainPage.htm)中获取并且操作其它iframe子页面(比如topPage.htm

JavaScript对iframe的DOM操作

在IE6.IE7中,我们可以使用 document.frames[ID].document 来访问iframe子窗口中的document对象,可是这是不符合W3C标准的写法,也是IE下独有的方法,在Firefox下却不可以使用,Firefox下使用的是符合W3C标准的 document.getElementById(ID).contentDocument 方法,今天我在写实例的时候,通过IE8进行测试,IE8也是使用的符合W3C标准的 document.getElementById(ID).co

Jquery-获取iframe中的dom对象

父窗口中操作iframe: $(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口: $(window.parent.document) 接下来就可以继续获取iframe内的dom了. 获取iframe内的dom对象有两种方法 1 $(window.frames["iframeChild"].document).find("#child") 2 $

第75天:jQuery中DOM操作

一.基础操作 1.html() 使用html()方法读取或者设置元素的innerHTML. 就是相当于javascript里头的innerHTML. 2.text() 使用text()方法读取或者设置元素的innerText. 就是相当于javascript里头的innerText. 3.attr() 使用attr()方法读取或者设置元素的属性,对于jQuery没有封装的属性(所有浏览器没有差异的属性)用attr进行操作. 4.removeAttr 使用removeAttr删除属性.删除的属性在

jQuery操作iframe子页中元素代码实例

jQuery操作iframe子页中元素代码实例:本章节介绍一下如何在父页面中操作iframe子页面中的元素,希望能够给需要的朋友带来一定的帮助.一.父页面代码: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <

Java Selenium (十二) 操作弹出窗口 &amp; 智能等待页面加载完成 &amp; 处理 Iframe 中的元素

一.操作弹出窗口   原理 在代码里, 通过 Set<String> allWindowsId = driver.getWindowHandles(); 来获取到所有弹出浏览器的句柄, 然后遍历, 使用swithcto.window(newwindow_handle)方法. 就可以定位到新的窗口. 测试页面的HTML <html> <head> <title>常见web ui元素操作, 及API使用</title> <script type