JavaScript 修改 div id 属性时样式不生效的原因是什么，如何解决？

javascript 修改 div id 属性时样式不生效的问题

在使用 javascript 修改 div 的 id 属性时，虽然 id 确实被改变了，但样式却可能没有相应改变。造成这种情况的原因是，绝对定位的元素在 id 改变后，其位置也会发生变化。

解决方法：

由于 id 改变会影响元素的位置，因此在进行 id 切换操作时，需要额外处理元素的位置。可以通过以下方式解决：

function creatFloor() {
  numbers++;
  if (numbers % 2 == 0) {
    let tempId = thisfloor.id;
    thisfloor.id = thatfloor.id;
    thatfloor.id = tempId;
  } else {
    let tempId = thisfloor.id;
    thisfloor.id = thatfloor.id;
    thatfloor.id = tempId;
  }
}

通过使用临时变量 tempid 存储 id，可以确保元素在 id 改变后仍然保持其原有的位置。这样一来，样式就可以正确应用到相应的元素上。

以上就是JavaScript 修改 div id 属性时样式不生效的原因是什么，如何解决？的详细内容，更多请关注其它相关文章！