动态修改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 相关文章推荐
javascript函数以及基础写法100多条实用整理
Jan 13 Javascript
全面理解面向对象的 JavaScript(来自ibm)
Nov 10 Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
获取select元素被选中的文本内容的js代码
Jan 29 Javascript
第六篇Bootstrap表格样式介绍
Jun 21 Javascript
jQuery使用方法
Feb 04 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
微信小程序自动客服功能
Nov 02 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 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
星际RPG字典
2020/03/04 星际争霸
php学习笔记 php中面向对象三大特性之一[封装性]的应用
2011/06/13 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法
2015/10/23 PHP
php 输出json及显示json中的中文汉字详解及实例
2016/11/09 PHP
PHP实现的常规正则验证helper公共类完整实例
2017/04/27 PHP
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
2015/11/26 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
图片懒加载imgLazyLoading.js使用详解
2020/09/15 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
详解vuex状态管理模式
2018/11/01 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
js实现盒子移动动画效果
2020/08/09 Javascript
Python调用系统底层API播放wav文件的方法
2017/08/11 Python
python中的字典操作及字典函数
2018/01/03 Python
python如何实现反向迭代
2018/03/20 Python
Python实现简单http服务器
2018/04/12 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
阿迪达斯法国官方网站:adidas法国
2018/03/20 全球购物
服装公司总经理岗位职责
2013/11/30 职场文书
应用化学专业职业生涯规划书
2013/12/31 职场文书
销售演讲稿范文
2014/01/08 职场文书
打架检讨书100字
2014/01/19 职场文书
关于赌博的检讨书
2014/01/24 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
学风建设主题班会
2015/08/17 职场文书
2016五一手机促销广告语
2016/01/28 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
使用feign服务调用添加Header参数
2021/06/23 Java/Android
教你一步步实现一个简易promise
2021/11/02 Javascript