我想弄清楚如何将文本添加到p
tag or h1
已经有文本节点的标签。
例如:
var t = document.getElementById("p").textContent;
var y = document.createTextNode("This just got added");
t.appendChild(y);
<p id="p">This is some text</p>
这段代码给出了一个错误appendChild
不是一个函数。大多数帮助页面首先创建一个p
标记,然后附加文本。
将文本添加到现有文本元素的正确方法是什么?
PS:我用过innerHTML
之前这样做,但出于学习目的,我想在这里避免这样做。
原因是appendChild
不是一个函数是因为你正在执行它textContent
你的p
元素。
您只需选择段落本身,然后将新的文本节点附加到该段落:
var paragraph = document.getElementById("p");
var text = document.createTextNode("This just got added");
paragraph.appendChild(text);
<p id="p">This is some text</p>
然而,如果您愿意,您可以只修改文本本身(而不是添加新节点):
var paragraph = document.getElementById("p");
paragraph.textContent += "This just got added";
<p id="p">This is some text</p>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)