javascript 修改 div id 却不更改样式的原因
你在 html 中定义了两个 div 元素，为它们指定了独特的 id（"thisfloor" 和 "thatfloor"），并分别设置了 css 样式。你使用 javascript 通过交换它们的 id 来切换外观，但样式却未随之改变。
这背后的原因在于，你使用了绝对定位，虽然 id 已交换，但元素的位置也会随之更改。因此，当元素的位置发生变化时，给定 id 对应的样式似乎未生效。
解决办法
立即学习“Java免费学习笔记（深入）”；
要解决这个问题，可以避免使用绝对定位，改为使用相对或流动定位。这样，当元素切换 id 时，它们的位置将保持不变，样式也将相应地更改。
以下是修改后的 css 代码示例：
#thisfloor, #thatfloor {
position: relative;
/* 其他样式保持不变 */
}以上就是JavaScript 修改 Div ID 却不更改样式的原因是什么？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
531
收藏
