我通过js修改了div的id属性，但是虽然id确实被改变了，样式却没有改变，这是为什么？-灵析社区

我通过js修改了div的id属性，但是虽然id确实被改变了，但是样式却没有改变，这是为什么？ 以下仅展示部分代码。 以下为CSS代码 #thisfloor{ position:fixed; left:50px; top:500px; width:80px; height:300px; background-color:dimgray; } #thatfloor { position: fixed; left: 200px; top: 500px; width: 80px; height: 300px; background-color: red; } 以下为HTML代码 以下为js代码 // 生成此次地块和下次地块 var thisfloor = document.getElementById("thisfloor") var thatfloor = document.getElementById("thatfloor") var numbers = 1; function creatFloor() { numbers++; if (numbers % 2 == 0) { thisfloor.id = "thatfloor" thatfloor.id = "thisfloor" } else { thisfloor.id = "thisfloor" thatfloor.id = "thatfloor" } console.log(thisfloor.id) } 这个是调整前  这个是调整后，虽然id改了，样式却没有变  希望可以在切换id的同时切换所述id的样式