手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS 动态获取节点代码innerHTML分析 [IE,FF]
JS 动态获取节点代码innerHTML分析 [IE,FF]
摘要:childvarchildNode=document.getElementById("childnode"),parentNode=docu...

<div id="parentnode">

<span id="childnode">child</span>

</div>

<script type="text/javascript">

var childNode = document.getElementById("childnode") , parentNode = document.getElementById("parentnode");

</script>

当为子节点添加默认属性时:

childNode.className = "childClass"; 或: childNode.className = new String("childClass");

parentNode.innerHTML IE,FF都能获得 [ <span id="childnode">child</span> ]

当为子节点添加私有属性时:

childNode.type = "childType";

parentNode.innerHTML 当且仅当 IE能获得 [ <span type="childType" id="childnode">child</span> ]

childNode.type = new String("childType"); //Object对象

parentNode.innerHTML IE,FF都不能获得 [ <span id="childnode">child</span> ]

childNode.setAttribute("type","childType");

parentNode.innerHTML IE,FF都能获得 [ <span id="childnode">child</span> ]

childNode.setAttribute("type", new String("childType"));

parentNode.innerHTML 当且仅当 FF能获得 [ <span id="childnode">child</span> ]

当对元素动态添加私有属性后获取innerHTML,如果采用.属性 方式赋值,无论哪种数据类型FireFox都不能获得,如果当赋值的类型是个对象的话IE不能通过innerHTML获得。

如果使用setAttribute方法赋值时,无论哪种数据类型FireFox都能获取,如果当赋值的类型是个对象的话IE不能获取 。

总结:在IE 环境下 赋值类型为对象时 innerHTML 获取不到其改变,在FireFox环境下 .属性 方式获取不到其改变。

【JS 动态获取节点代码innerHTML分析 [IE,FF]】相关文章:

JQuery勾选指定name的复选框集合并显示的方法

javascript动态设置样式style实例分析

Javascript随机显示图片的源代码

Sequelize中用group by进行分组聚合查询

特殊字符、常规符号及其代码对照表

AngularJs中route的使用方法和配置

会自动逐行上升的文本框

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法

原生JS和JQuery动态添加、删除表格行的方法

DeviceOne 让你一见钟情的App快速开发平台

精品推荐
分类导航