转nodeValue以及其与value的区别以及JS nodeNamenodeValuenodeType返回类型
Posted jsd1207zx
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了转nodeValue以及其与value的区别以及JS nodeNamenodeValuenodeType返回类型相关的知识，希望对你有一定的参考价值。
nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。
nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释：nodeName 所包含的 XML 元素的标签名称永远是大写的
nodeValue
对于文本节点，nodeValue 属性包含文本。
对于属性节点，nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType
nodeType 属性可返回节点的类型。
最重要的节点类型是：
元素类型 --> 节点类型
元素element --> 1
属性attr --> 2
文本text --> 3
注释comments --> 8
文档document --> 9
nodeValue就是用来得到“文本元素的值”的，即只适用于“文本节点”；
例子：
<html>
<head>
<script type="text/javascript">
function getNodeValue()
var nv=document.getElementById("td1").firstChild.nodeValue;
var nn=document.getElementById("tr1").firstChild.nodeName;
var nv1=document.getElementById("tr1").firstChild.nodeValue;
alert("nv="+nv);
alert("nn="+nn);
alert("nv1="+nv1);
</script>
</head>
<body>
<table>
<tr id="tr1">
<td id="td1" >John</td>
<td>Doe</td>
<td>Alaska</td>
</tr>
</table>
<input type="button" value="button1" οnclick="getNodeValue()"/>
</body>
</html>
以上得到的结果：
nv=John;
nn=td;
nv1=null;
要分清元素的value属性和nodeValue 不一样，nodeValue适用于“文本节点”和“属性节点”；对应“文档节点”和“标签节点”不起作用
|
接口 |
nodeType常量 |
nodeType值 |
备注 |
|
Element |
Node.ELEMENT_NODE |
1 |
元素节点 |
|
Text |
Node.TEXT_NODE |
3 |
文本节点 |
|
Document |
Node.DOCUMENT_NODE |
9 |
document |
|
Comment |
Node.COMMENT_NODE |
8 |
注释的文本 |
|
DocumentFragment |
Node.DOCUMENT_FRAGMENT_NODE |
11 |
document片断 |
|
Attr |
Node.ATTRIBUTE_NODE |
2 |
节点属性 |
/*
定义和用法
childNodes 属性可返回指定节点的子节点的节点列表，也就是包含在容易内的所有控件与文本属性字段，如果希望得到这些中的某些，必须通过
类别属性进行筛选。
childNodes常用属性：
nodeValue：nodeValue适用于“文本节点（<td>中的文本内容）”和“属性节点”；对应“文档节点”和“标签节点（li）”不起作用
nodeName：元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
nodeType:返回的数值 1：元素节点、2：属性节点、3：文本节点
firstChild：返回容器内的第一个控件对象，可以利用这个返回对象去获取该控件的属性信息
parentNode：返回子节点对象外层的父对象，可以利用这个返回父对象去获取该控件的属性信息
previousSibling:获取同级节点上级节点对象，可以利用这个返回对象去获取该节点的属性信息
nextSibling：获取同级节点下级节点对象，可以利用这个返回对象去获取该节点的属性信息
语法：
nodeObject.childNodes
提示和注释
提示：请使用 length 属性来计算一个节点列表中节点的数目。当你已获悉节点列表的长度后，您就可以轻松地循环遍历此列表，并提取您所需要的值！
实例
在所有的例子中，我们将使用 XML 文件 books.xml，以及 JavaScript 函数 loadXMLDoc()。
下面的代码片段显示了此XML文档的子节点：
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.childNodes;
for (i=0;i<x.length;i++) document.write("Nodename: " + x[i].nodeName) document.write(" (nodetype: " + x[i].nodeType + ")<br />")
*/
nodeValue，是节点的值，其中属性节点和文本节点是有值的，而元素节点没有值。
innerHTML以字符串形式返回该节点的所有子节点及其值
value是获取input标签value的值
需要注意的是，innerHTML不能用在xml数据源里取节点值，至少在IE里会取不到值；应该使用nodeValue
以上是关于转nodeValue以及其与value的区别以及JS nodeNamenodeValuenodeType返回类型的主要内容，如果未能解决你的问题，请参考以下文章
PHP DOM textContent vs nodeValue？
串口协议和RS-232标准，以及RS232电平与TTL电平的区别，“USB/TTL转232“模块（以CH340芯片模块为例）的工作原理。
Javascript：只能从输入中获取 nodeValue() 而不是 value()？