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

发布日期： 2024-11-08 阅读量： 作者： 网络

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;
  }
}

# 绝对定位

上一篇: PHP函数并发编程：多线程、协程与异步的抉择

下一篇: docker启动label怎么用

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

随便看看