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

今天golang学习网给大家带来了《JS 修改 div id 后样式不改变，为何？ 》，其中涉及到的知识点包括等等，无论你是小白还是老手，都适合看一看哦~有好的建议也欢迎大家在评论留言，若是看完有所收获，也希望大家能多多点赞支持呀！一起加油学习~

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

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

绝对定位

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

id交换后的影响

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

解决方案

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

今天关于《JS 修改 div id 后样式不改变，为何？ 》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！