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 相关文章推荐
jquery tab标签页的制作
May 10 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
Feb 10 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 Javascript
JS使用正则表达式除去字符串中重复字符的方法
Nov 05 Javascript
深入理解关于javascript中apply()和call()方法的区别
Apr 12 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
vue单个组件实现无限层级多选菜单功能
Apr 10 Javascript
nuxt 每个页面head标签内容设置方式
Nov 05 Javascript
微信小程序向Java后台传输参数的方法实现
Dec 10 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 删除无限级目录与文件代码共享
2008/11/22 PHP
php学习笔记之面向对象编程
2012/12/29 PHP
php中选择什么接口(mysql、mysqli)访问mysql
2013/02/06 PHP
php中jpgraph类库的使用介绍
2013/08/08 PHP
使用php的HTTP请求的库Requests实现美女图片墙
2015/02/22 PHP
php中的登陆login实例代码
2016/06/20 PHP
PHP针对redis常用操作实例详解
2019/08/17 PHP
xml 封装与解析(javascript和C#中)
2009/07/26 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
jquery中append()与appendto()用法分析
2014/11/14 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
2016/05/19 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
2017/05/17 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
跟老齐学Python之正规地说一句话
2014/09/28 Python
Python易忽视知识点小结
2015/05/25 Python
Python实现读取机器硬件信息的方法示例
2018/06/09 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
使用numba对Python运算加速的方法
2018/10/15 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
使用django的objects.filter()方法匹配多个关键字的方法
2019/07/18 Python
对Python _取log的几种方式小结
2019/07/25 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
Django配置文件代码说明
2019/12/04 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
python之语音识别speech模块
2020/09/09 Python
canvas学习总结三之绘制路径-线段
2019/01/31 HTML / CSS
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
医药专业推荐信
2013/11/15 职场文书
境外导游求职信
2014/02/27 职场文书
合作协议书模板2014
2014/09/26 职场文书
2016北大自主招生自荐信模板
2016/01/28 职场文书
小学科学课教学反思
2016/02/23 职场文书
JS新手入门数组处理的实用方法汇总
2021/04/07 Javascript
Python制作春联的示例代码
2022/01/22 Python