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元素的文本内容：

＆＃13;

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

＆＃13;

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

＆＃13;

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

请注意，您无法通过直接分配替换DOM中的现有节点;这就是你想要做的事情。

Answer 2

您无法直接将节点替换为文档，您可以尝试使用innerHTML：

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

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

2 个答案: