                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

createTextNode究竟是怎么运作的？

appendChild()是在指定节点的最后一个子节点列表之后添加一个新的子节点。然后

var newnode=document.createElement("p");
newnode.className="message";
var textnode=document.createTextNode("I Love JaveSript");
newnode.appendChild(textnode);
document.body.appendChild(newnode);

这部分究竟怎么理解呢？createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。在上面代码的第4行的结果不应该构成的是，因为是在newnode的p节点下面在构造一个节点么？我原以为createTextNode()是放回的p标签来着，然后应该应该是

<p><p>I Love JaveSript
</p></p>

可是只是

<p>I Love JaveSript
</p>

为什么呢？createTextNod()返回的究竟是什么？

黑炎蓝焰

2017-10-10

源自：JavaScript进阶篇 9-17

关注问题我要回答

935

操作

收起

2 回答

皇骑回答被采纳 +2 积分
2018-05-09

返回的就是“文本节点”，可以测试一下，script中添加下面一行代码：

alert(textnode);

会提示“object text”，就是文本节点的意思，p元素节点下加一个文本节点就是：

<p>I Love JaveSript</p>

如果按你之前的理解：

<p><p>I Love JaveSript</p></p>

这个就是在p下再建一个p节点然后再建一个text文本节点，就是这样：

var newnode2 = document.createElement("p");
newnode2.appendChild(textnode);
newnode.appendChild(newnode2);

0 回复有任何疑惑可以回复我~

收起回答

黑炎蓝焰提问者

非常感谢！

2018-06-13 回复有任何疑惑可以回复我~

慕娘4083851
2017-10-12

createTextNod()返回的是文本节点，为什么要返回p标签呢？

0 回复有任何疑惑可以回复我~

收起回答

黑炎蓝焰提问者

那你说下返回的文本节点是什么，这个文本节点究竟是怎么样的

2017-10-12 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

参与学习 468195 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

3 回答究竟是Math.round(Math.random()*10)还是Math.round(（Math.random()）*10)

2 回答想知道document究竟代表的是个什么意识

4 回答document.getElementsByName("myt")返回的数据究竟是什么样的？

1 回答请大佬看看究竟有什么问题，怎么点都没反应。

7 回答一直不理解return究竟是干嘛的求大神详解！

搜索更多本课相关问答

createTextNode究竟是怎么运作的？

我要回答关注问题

热搜

最近搜索清空

createTextNode究竟是怎么运作的？

2 回答

本课相似问答

createTextNode究竟是怎么运作的？