JS 修改 div id 后样式不改变，为何？

js修改div id后样式不改变的缘由

通过JavaScript修改了div的id属性后，id的确发生了改变。然而，样式却未随之改变。这主要是因为使用了绝对定位。

绝对定位

CSS中的绝对定位将元素从文档流中移除，并使用top、left、right或bottom属性确定其位置。当修改这些属性时，元素的位置也会发生改变。

id交换后的影响

在代码中，交换了thisfloor和thatfloor的id。虽然id交换生效了，但由于使用了绝对定位，元素的位置也随之改变。导致元素在页面上的外观看起来像没有改变样式一样。

解决方案

要解决此问题，避免使用绝对定位。可以使用相对定位或浮动等其他定位方式，这些方式不会影响元素的位置。

以上就是JS 修改 div id 后样式不改变，为何？的详细内容，更多请关注硕下网其它相关文章！