动态修改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 相关文章推荐
Three.js源码阅读笔记(基础的核心Core对象)
Dec 27 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
Oct 13 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
原生js实现对Ajax的封装(仿jquery)
Jan 22 Javascript
javascript深拷贝和浅拷贝详解
Feb 14 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
vue实现简单的星级评分组件源码
Nov 16 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
vue滚动插件better-scroll使用详解
Oct 18 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
巧用php中的array_filter()函数去掉多维空值的代码分享
2012/09/07 PHP
PHP操作Memcache实例介绍
2013/06/14 PHP
php下拉选项的批量操作的实现代码
2013/10/14 PHP
php curl模拟post请求小实例
2013/11/13 PHP
详解WordPress中用于合成数组的wp_parse_args()函数
2015/12/18 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
PHP实现的各类hash算法长度及性能测试实例
2017/08/27 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
Laravel框架实现的上传图片到七牛功能详解
2019/09/06 PHP
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
JS求平均值的小例子
2013/11/29 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
浅谈js中对象的使用
2016/08/11 Javascript
jQuery操作之效果详解
2017/05/19 jQuery
详解nodeJS之二进制buffer对象
2017/06/03 NodeJs
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
es6在react中的应用代码解析
2017/11/08 Javascript
vue设计一个倒计时秒杀的组件详解
2019/04/06 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
JS操作json对象key、value的常用方法分析
2019/10/29 Javascript
将Python中的数据存储到系统本地的简单方法
2015/04/11 Python
详解Python中的日志模块logging
2015/06/19 Python
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
Python标准库笔记struct模块的使用
2018/02/22 Python
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
django model object序列化实例
2020/03/13 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
工商管理专业实习生自我鉴定
2013/09/29 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
css背景和边框标签实例详解
2021/05/21 HTML / CSS