JS 动态获取节点代码innerHTML分析 [IE,FF]


Posted in Javascript onNovember 30, 2009

<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 class="childClass" 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 class="childClass" id="childnode">child</span> ]
childNode.setAttribute("type", new String("childType"));
parentNode.innerHTML 当且仅当 FF能获得 [ <span class="childClass" id="childnode">child</span> ]

当对元素动态添加私有属性后获取innerHTML,如果采用.属性 方式赋值,无论哪种数据类型FireFox都不能获得,如果当赋值的类型是个对象的话IE不能通过innerHTML获得。
如果使用setAttribute方法赋值时,无论哪种数据类型FireFox都能获取,如果当赋值的类型是个对象的话IE不能获取 。
总结:在IE 环境下 赋值类型为对象时 innerHTML 获取不到其改变,在FireFox环境下 .属性 方式获取不到其改变。

Javascript 相关文章推荐
网页图片延时加载的js代码
Apr 22 Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
Mar 13 Javascript
Vue中的slot使用插槽分发内容的方法
Mar 01 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
May 05 Javascript
手把手教您实现react异步加载高阶组件
Apr 07 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 07 Javascript
Aptana调试javascript图解教程
Nov 30 #Javascript
jQuery chili图片远处放大插件
Nov 30 #Javascript
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
Nov 30 #Javascript
javascript 设置某DIV区域内的checkbox复选框
Nov 30 #Javascript
Javascript 构造函数,公有,私有特权和静态成员定义方法
Nov 30 #Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 #Javascript
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
Nov 28 #Javascript
You might like
php&amp;java(一)
2006/10/09 PHP
PHP使用file_get_contents发送http请求功能简单示例
2018/04/29 PHP
php微信开发之谷歌测距
2018/06/14 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
2020/04/20 PHP
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
关于JavaScript中原型继承中的一点思考
2012/07/25 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
JS执行删除前的判断代码
2014/02/18 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
Vuejs 页面的区域化与组件封装的实现
2017/09/11 Javascript
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
VueJs监听window.resize方法示例
2018/01/17 Javascript
angular2路由之routerLinkActive指令【推荐】
2018/05/30 Javascript
vue-router权限控制(简单方式)
2018/10/29 Javascript
如何为你的JS项目添加智能提示与类型检查详解
2019/03/12 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
JQuery基于FormData异步提交数据文件
2020/09/01 jQuery
用python实现批量重命名文件的代码
2012/05/25 Python
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
Python字符串处理函数简明总结
2015/04/13 Python
python异常和文件处理机制详解
2016/07/19 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
python实现学生成绩测评系统
2020/06/22 Python
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
个人贷款承诺书
2014/03/28 职场文书
租房协议书怎么写
2014/04/10 职场文书
食品安全责任书范本
2015/05/09 职场文书
2016年公司中秋节致辞
2015/11/26 职场文书
导游词之江苏同里古镇
2019/11/18 职场文书
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android