微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

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

php中文网
发布： 2016-05-16 19:01:34
原创
1217人浏览过

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

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

图改改
图改改

在线修改图片文字

图改改 455
查看详情 图改改

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：JQUERY CHECKBOX全选,取消全选,反选方法三_jquery 下一篇：jquery复选框CHECKBOX全选、反选_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
构建一个交互式JavaScript音乐播放器：从基础到高级功能实现 本教程详细介绍了如何使用HTML、CSS和JavaScript构建一个功能完善的音乐播放器。文章将从解决常见的JavaScript播放控制错误入手，逐步讲解播放器的HTML结构、JavaScript核心逻辑（包括音轨加载、播放/暂停、切换、进度与音量控制）以及事件处理，旨在帮助开发者构建一个用户体验良好的Web音乐应用。
2025-11-16 17:30:02
589
使用JavaScript构建功能完善的音乐播放器 本教程详细介绍了如何使用JavaScript、HTML和CSS构建一个功能完善的网页音乐播放器。文章将从HTML结构、核心JavaScript逻辑、音乐列表管理、播放控制、进度与音量调节等方面进行深入讲解，并提供完整的示例代码。同时，我们也将探讨并解决在开发过程中可能遇到的常见错误，例如TypeError:Cannotreadpropertiesofundefined(reading‘contains’)，旨在帮助开发者构建稳定且用户体验良好的音乐播放功能。
2025-11-16 17:26:21
508
JavaScript实现完整音乐播放器功能及常见错误解决 本教程详细介绍了如何使用JavaScript构建一个功能完善的音乐播放器，涵盖了HTML结构设计、音频元素管理、播放列表、播放/暂停、切歌、进度条和音量控制等核心功能。同时，针对初学者常遇到的NodeList操作错误进行了分析与纠正，提供了一套健壮且易于理解的实现方案。
2025-11-16 17:26:02
882
JavaScript中正确访问对象数组属性：避免undefined错误 在JavaScript中，当尝试从一个对象数组中访问属性时，常见的错误是将数组本身当作一个普通对象来处理，导致返回undefined。本文将深入解析这种误区，明确数组与对象的区别，并提供通过索引正确访问数组中单个对象的属性的方法。此外，还将介绍如何高效遍历对象数组以提取每个对象的特定属性，确保代码的健壮性和准确性。
2025-11-16 17:24:06
209
如何利用js脚本实现页面滚动_js滚动效果脚本制作与代码解析 使用scrollTo实现平滑滚动；2.通过offsetTop点击跳转锚点；3.监听scroll事件动态显示返回顶部按钮；4.计算滚动比例实现进度条。结合原生JS方法可提升页面交互体验，建议配合CSS的scroll-behavior兼容处理。
2025-11-16 17:01:02
584
使用JavaScript数组实现网页多密码验证教程 本教程将指导您如何在HTML/JavaScript中为网页实现多密码保护功能。我们将介绍如何使用JavaScript数组存储多个有效密码，并通过includes()方法高效地验证用户输入。文章将提供详细的代码示例和实现步骤，同时强调客户端密码验证的局限性及其在安全性方面的考量。
2025-11-16 16:59:01
237
JavaScript如何获取当前时间_JavaScriptDate对象获取当前时间方法与格式化 JavaScript通过Date对象获取当前时间，调用newDate()创建实例后，使用getFullYear()、getMonth()+1、getDate()等方法获取年月日时分秒，注意月份从0开始需+1，结合padStart(2,‘0’)实现两位数补零格式化输出，如2024-06-1015:30:25，同时可用Date.now()或getTime()获取毫秒级时间戳用于计算或标识。
2025-11-16 16:50:34
569
解决OpenWeather API 400错误：动态构建API请求与最佳实践 本教程旨在解决使用OpenWeatherAPI开发天气应用时常见的400错误。核心问题在于API请求URL的静态构建和不当调用。文章将详细指导如何动态构建API请求URL，利用URL.searchParams管理查询参数，并确保在用户提交表单时正确触发数据获取函数，从而实现稳定可靠的天气数据获取。
2025-11-16 16:50:02
324
JS数据结构实现_链表与二叉树 链表和二叉搜索树可用JavaScript通过对象引用实现。1.单向链表支持尾插、指定位置插入和删除节点，操作高效；2.二叉搜索树实现插入、查找、中序遍历及最值获取，平均时间复杂度O(logn)。两者均适用于动态数据管理，是前端算法基础。
2025-11-16 16:44:56
405
jQuery事件与setTimeout：解决DOM元素属性访问失效问题 本文探讨在jQuery事件处理器中结合setTimeout时，如何正确访问DOM元素的属性。重点分析了常见的变量作用域混淆和事件目标元素误用问题，并提供了利用JavaScript闭包机制的解决方案，确保在异步操作中仍能准确获取并操作事件触发的DOM元素。
2025-11-16 16:43:01
548
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部