JavaScript 修改 Div ID 却不更改样式的原因是什么？

javascript 修改 div id 却不更改样式的原因

你在 html 中定义了两个 div 元素，为它们指定了独特的 id（"thisfloor" 和 "thatfloor"），并分别设置了 css 样式。你使用 javascript 通过交换它们的 id 来切换外观，但样式却未随之改变。

这背后的原因在于，你使用了绝对定位，虽然 id 已交换，但元素的位置也会随之更改。因此，当元素的位置发生变化时，给定 id 对应的样式似乎未生效。

解决办法

要解决这个问题，可以避免使用绝对定位，改为使用相对或流动定位。这样，当元素切换 id 时，它们的位置将保持不变，样式也将相应地更改。

以下是修改后的 css 代码示例：

#thisfloor, #thatfloor {
  position: relative;
  /* 其他样式保持不变 */
}

以上就是JavaScript 修改 Div ID 却不更改样式的原因是什么？的详细内容，更多请关注硕下网其它相关文章！