编程 Javascript

动态修改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