动态修改DOM 里面的 id 属性的弊端分析


Posted in Javascript onSeptember 03, 2008

在IE当中,修改id属性对将来的DOM操作没什么不符合标准的影响,你仍然可以通过document.getElementById()找到该元素,然后在CSS支持上就有问题了,id修改后并不会自动去重新匹配CSS规则,因此id修改后不会体现出应有的样式。

因此,进行DOM编程时应该避免修改id属性,如果需要动态改变匹配的CSS规则,就改变class属性吧。我碰到这个问题时也就是尝试通过修改id属性修改唯一匹配某个CSS过滤器的元素,结果发现修改后在IE中完全没有修改,之后改为用class属性实现同样的目的。

Javascript 相关文章推荐
showModelessDialog()使用详解
Sep 21 Javascript
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
jquery获得当前html页面源码的方法
Jul 14 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
Jul 26 Javascript
vue移动端微信授权登录插件封装的实例
Aug 28 Javascript
JS使用栈判断给定字符串是否是回文算法示例
Mar 04 Javascript
使用vue中的混入mixin优化表单验证插件问题
Jul 02 Javascript
vue父子模板传值问题解决方法案例分析
Feb 26 Javascript
IE浏览器PNG图片透明效果代码
Sep 02 #Javascript
JavaScript监测ActiveX控件是否已经安装过的代码
Sep 02 #Javascript
JQUERY CHECKBOX全选,取消全选,反选方法三
Aug 30 #Javascript
jquery复选框CHECKBOX全选、反选
Aug 30 #Javascript
JQUERY复选框CHECKBOX全选,取消全选
Aug 30 #Javascript
jquery HotKeys轻松搞定键盘事件代码
Aug 30 #Javascript
JQUERY THICKBOX弹出层插件
Aug 30 #Javascript
You might like
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
php算法实例分享
2015/07/14 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
dojo 之基础篇
2007/03/24 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
js闭包实现按秒计数
2015/04/23 Javascript
javascript省市级联功能实现方法实例详解
2015/10/20 Javascript
Javascript小技能总结(推荐)
2016/06/02 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
nodejs中模块定义实例详解
2017/03/18 NodeJs
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
Vue.js2.0中的变化小结
2017/10/24 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
2018/03/07 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
浅谈Vue.js组件(二)
2019/04/09 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
python实现同时给多个变量赋值的方法
2015/04/30 Python
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
windows下 兼容Python2和Python3的解决方法
2018/12/05 Python
Python 从attribute到property详解
2020/03/05 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
Python发送邮件实现基础解析
2020/08/14 Python
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
北京银河万佳Java面试题
2012/03/21 面试题
幼儿园家长会邀请函
2014/01/15 职场文书
高中语文教学反思
2014/01/16 职场文书
教师党员先进性教育自我剖析材料思想汇报
2014/09/24 职场文书
pytorch加载预训练模型与自己模型不匹配的解决方案
2021/05/13 Python
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL
JavaScript 与 TypeScript之间的联系
2021/11/27 Javascript
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫