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

#text的文本值

var d = document.getElementsByTagName("div")[0].childNodes;

for(var i=0;i<d.length;i++)

{

document.write("节点名称:"+d[i].nodeName+"</br>");

document.write("节点类型:"+d[i].nodeType+"</br>");

document.write("节点值:"+d[i].nodeValue+"</br>");

document.write("</br>");

}

_____________

节点名称:#text
节点类型:3
节点值: javascript

节点名称:P
节点类型:1
节点值:null

节点名称:#text
节点类型:3
节点值:

节点名称:DIV
节点类型:1
节点值:null

节点名称:#text
节点类型:3
节点值:

节点名称:H5
节点类型:1
节点值:null

节点名称:#text
节点类型:3
节点值:

——————————

怎么节点名称:#text

节点值是空的？

为什么不是依次是 javascript jQuery 和 PHP

puffbaby

2015-01-10

源自：JavaScript进阶篇 9-8

关注问题我要回答

1293

操作

收起

3 回答

puffbaby 提问者
2015-01-10

纠正 “两个节点之间如果有空白比如</p> 和</div> 之间” 应该是 “两个节点之间如果有空白比如</p> 和<div> 之间”

也就是上一个闭合标签和下一个开始标签之间是否有空格，决定了节点元素的多和少

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

收起回答

puffbaby 提问者
2015-01-10

红色框框标注的从上到下从左到右依次对应的是输出的7个结点。两个节点之间如果有空白比如</p> 和</div> 之间有空白则算一个空白节点，如果没有，则不计节点.当代码紧挨着写的时候没有空格则是如下：

4个标注的从左往右依次为输出的4个节点。

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

收起回答

puffbaby 提问者
2015-01-10

终于搞懂了：

<div>javascript<p>javascript</p><div>jQuery</div><h5>PHP</h5></div>

这样的结果是
节点名称:#text
节点类型:3
节点值:javascript

节点名称:P
节点类型:1
节点值:null

节点名称:DIV
节点类型:1
节点值:null

节点名称:H5
节点类型:1
节点值:null

<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>

这样的结果：

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

收起回答

0/150

提交

取消

JavaScript进阶篇

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

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

进入课程

本课相似问答

1 回答为什么有时输出的是#text,有时是文本本身

4 回答文本节点的值的问题？

3 回答返回值是[object Text][object Text]对吗？

5 回答文本框中输入数值

2 回答为什么文本节点的值为空？

搜索更多本课相关问答

#text的文本值

我要回答关注问题

热搜

最近搜索清空

#text的文本值

3 回答

本课相似问答

#text的文本值