DOM中元素节点、属性节点、文本节点

最新推荐文章于 2022-08-23 20:37:23 发布

weixin_30699831

最新推荐文章于 2022-08-23 20:37:23 发布

阅读量98

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/MissBean/p/4309371.html

版权

DOM中有12中节点，但最常用到的是元素节点，属性节点，文本节点。

元素节点的节点类型（nodeType）是1；

属性节点的节点类型（nodeType）是2；

文本节点的节点类型（nodeType）是3。

元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text

对于文本节点，nodeValue 属性包含文本。

对于属性节点，nodeValue 属性包含属性值。

nodeValue 属性对于文档节点和元素节点是不可用的。

nodeValue就是用来得到“文本元素的值”的，即只适用于“文本节点”；

看下例子

<html>
<head>
<script type="text/javascript">
function getNodeValue()
{
var nv=document.getElementById("td1").firstChild.nodeValue;
var nn=document.getElementById("tr1").nodeValue;
var nv1=document.getElementById("tr1").firstChild.nodeValue;
console.log("nv="+nv);//nv=Silence
console.log("nn="+nn);//nn=null
console.log("nv1="+nv1);//nv1=
console.log(document.getElementById("tr1").firstChild);//<TextNode textContent="\n ">
console.log(document.getElementById("td1").firstChild);//<TextNode textContent="Silence">
}
</script>
</head>
<body>
<table>
  <tr id="tr1">
    <td id="td1" >Silence</td>
    <td>bean</td>
    <td>happy</td>
  </tr>
</table>
<input type="button" value="按钮"  onclick="getNodeValue()"/>
</body>
</html>

转载于:https://www.cnblogs.com/MissBean/p/4309371.html

weixin_30699831

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM中元素节点、属性节点、文本节点

DOM中有12中节点，但最常用到的是元素节点，属性节点，文本节点。元素节点的节点类型（nodeType）是1；属性节点的节点类型（nodeType）是2；文本节点的节点类型（nodeType）是3。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text对于文本节点，nodeValue 属性包含文本。对...
复制链接

扫一扫