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 ajax传递复杂参数给WebService的实现代码
Aug 08 Javascript
javascript中input中readonly和disabled区别介绍
Oct 23 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
jQuery纵向导航菜单效果实现方法
Dec 19 Javascript
折叠菜单及选择器的运用
Feb 03 Javascript
简单实现js倒计时功能
Feb 13 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
详解Vue.directive 自定义指令
Mar 27 Javascript
用Golang运行JavaScript的实现示例
Nov 25 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 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
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
PHP 常见郁闷问题答解
2006/11/25 PHP
php中heredoc与nowdoc介绍
2014/12/25 PHP
PHP错误和异常处理功能模块示例
2016/11/12 PHP
找到了一篇jQuery与Prototype并存的冲突的解决方法
2007/08/29 Javascript
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
2015/08/26 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
jQuery实现用户信息表格的添加和删除功能
2017/09/12 jQuery
20170918 前端开发周报之JS前端开发必看
2017/09/18 Javascript
Angular 5.x 学习笔记之Router(路由)应用
2018/04/08 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
python类型强制转换long to int的代码
2013/02/10 Python
python中文乱码的解决方法
2013/11/04 Python
详解如何用OpenCV + Python 实现人脸识别
2017/10/20 Python
Python 多个图同时在不同窗口显示的实现方法
2019/07/07 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
分享unittest单元测试框架中几种常用的用例加载方法
2020/12/02 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
CSS3实现多背景展示效果通过CSS3定位多张背景
2014/08/10 HTML / CSS
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
思想品德自我鉴定
2013/10/12 职场文书
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
煤矿机修工岗位职责
2014/02/07 职场文书
幼儿园课题实施方案
2014/05/14 职场文书
群教个人对照检查材料
2014/08/20 职场文书
小学体育教学随笔
2015/08/14 职场文书
2015年党务工作者个人工作总结
2015/10/22 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书