使用 Javascript 将 HTML 中的段落替换为新段落

Question

我正在尝试用 Javascript 中创建的段落替换 HTML 文档中的 p。页面加载后，two 将替换为 t。

var two = document.getElementById("two");

document.onload = function myFunction() {
  var p = document.createElement("p");
  var t = document.createTextNode("I am the superior text");
  p.appendChild(t);
  document.getElementById("p");
  document.two = p;
};

Answer 1

你可以只替换#two元素的文本内容：

var two = document.getElementById("two");

window.onload = function () {
  var t = "I am the superior text";
  two.textContent = t;
};

<p id="two">Lorem ipsum dolor sit amet.</p>

如果您使用createTextNode，那么您将需要使用two.textContent = t.textContent来获取textNode对象的实际内容。

请注意，您不能通过直接赋值替换 DOM 中的现有节点；那就是你想要做的。

Answer 2

您不能直接将节点替换到文档中，您可以尝试使用 innerHTML：

document.onload = function () {
  document.getElementById("two").innerHTML = "I am the superior text";
};

使用 Javascript 将 HTML 中的段落替换为新段落

Replace paragraph in HTML with new paragraph using Javascript

javascript

function

onload

getelementbyid

appendchild