JS DOM 如何替换一个 DOM元素内容

11 min read

要替换一个DOM元素的内容，可以使用以下方法之一：

  1. 使用innerHTML属性：可以通过给元素的innerHTML属性赋值来替换元素的内容。例如，假设有一个id为"myElement"的元素，可以使用以下代码来替换其内容：
document.getElementById("myElement").innerHTML = "新的内容";
  1. 使用textContent属性：可以通过给元素的textContent属性赋值来替换元素的文本内容，而不包括任何HTML标记。例如，假设有一个id为"myElement"的元素，可以使用以下代码来替换其文本内容：
document.getElementById("myElement").textContent = "新的文本内容";
  1. 创建新的文本节点并替换：可以创建一个新的文本节点，并使用replaceChild()方法来替换原始元素的内容。例如，假设有一个id为"myElement"的元素，可以使用以下代码来替换其内容：
var newContent = document.createTextNode("新的内容");
var element = document.getElementById("myElement");
element.replaceChild(newContent, element.firstChild);

请根据需要选择适合的方法来替换DOM元素的内容。