主页 / 问题 / 950021
Accepted
IWProgrammer
Asked:2020-02-27 17:14:27 +0000 UTC2020-02-27 17:14:27 +0000 UTC

在js代码中添加后显示div元素的内容

  • 772

我通过 id 获取元素：

var t = document.getElementById("1");

这个元素包含在一个 div 块中，我想将它包装在另一个块中，所以：

var p = t.parentElement;
p.removeChild(t);

var y = document.getElementById("newDivForT");
y.appendChild(t);

现在我希望 t 的内容显示在屏幕上，但是据我所知，我需要重新加载页面。但是，如果您重新加载页面，那么脚本将简单地再次执行，这将导致任何结果。问题是当 t 已经是另一个块的内容时如何显示它？

javascript

1 个回答

  1. Best Answer

    后appendChild会显示内容。

    此外，在使用它时，appendChild您不需要使用它，removeChild因为元素本身会移动。

    var containersOrder = {
  container1: 'container2',
  container2: 'container1'
};
var curr
document.getElementById('el').addEventListener('click', function() {
  document.getElementById(containersOrder[this.parentNode.id]).appendChild(this);

});
    #container1,
#container2 {
  width: 100px;
  height: 100px;
  float:left;
  margin-left:10px;
  border: 1px solid;
}

#container1 {
  border-color: red;
}

#container2 {
  border-color: green;
}

#el {
  width: 80px;
  height: 50px;
  background-color: yellow;
}
    <div id="container1">container1
  <div id="el">click me to move</div>
</div>
<div id="container2">container2
</div>

    • 1

相关问题