当前位置:  开发笔记 > 编程语言 > 正文

通过DOM在javascript中向现有文本元素添加文本

如何解决《通过DOM在javascript中向现有文本元素添加文本》经验,为你挑选了2个好方法。

我试图想象如何将文本添加到已经有文本节点的ap标签或h1标签.

例如:

var t = document.getElementById("p").textContent;
var y = document.createTextNode("This just got added");

t.appendChild(y);

This is some text

此代码给出错误appendChild不是函数.大多数帮助页面首先创建ap标签,然后附加文本.

将文本添加到现有文本元素的正确方法是什么?

PS:我之前使用过innerHTML,但出于学习目的,我想在这里避免使用它.



1> James Monger..:

其原因appendChild是没有一个功能是因为你执行它在textContent你的p元素.

您只需要选择段落本身,然后将新文本节点追加到:

var paragraph = document.getElementById("p");
var text = document.createTextNode("This just got added");

paragraph.appendChild(text);

This is some text



2> Deep..:

你可以做的不是追加元素.

 document.getElementById("p").textContent += " this has just been added";

document.getElementById("p").textContent += " this has just been added";

This is some text

推荐阅读
我我檬檬我我186
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有