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

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《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 属性时样式不生效的原因是什么，如何解决？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！