将div内容替换为javascript

eagi6jfj 于 2023-06-04 发布在 Java

关注(0)|答案(7)|浏览(141)

我试着用纯javascript来做这件事，而不是用jquery。我有一个id为test的div，里面包含其他div。我如何清空这个div的内容并将其替换为其他html？

<div id="test">
   <div>...</div>
   <div>...</div>
   <div>...</div>
</div>

7条答案

document.getElementById("test").innerHTML = "new content"

清除div：

document.getElementById('test').innerHTML = '';

替换它：

var h1 = document.createElement('h1');
h1.innerHTML = "hello world!";
document.getElementById('test').appendChild(h1);

使用document.getElementById('test').innerHTML = ''。

在我的头顶上，我认为这应该起作用......

document.getElementById("test").innerHTML = "";

document.getElementById("test").innerHTML = "Some other Content";

var testDiv = document.getElementById("test");
testDiv.innerHTML = "<h5>It works!</h5>";

还有一个

Element.replaceWith()