JavaScript nodeType

螞蟻小編發表於2017-03-16
JavaScript

nodeType屬性可以返回一個物件節點的型別，和此屬性相關的還有nodeName和nodeValue屬性，下面就對它們分別進行一下介紹。

一.nodeType屬性:

此屬性可以返回節點的型別，比較重要和常用的節點型別有:

1.元素節點(element)，返回值是1。

2.屬性節點(attr)，返回值是2。

3.文字節點(text)，返回值是3。

4.文件節點(document)，返回值是9。

二.nodeName屬性:

此屬性可以返回節點的名稱：

1.元素節點，返回值是標籤名稱。

2屬性節點，返回值是屬性名稱。

3.文字節點，返回值永遠是"#text"。

4.文件節點，返回值永遠是"#document"。

三.nodeValue屬性:

1.對於元素節點，此屬性不可用。

2.對於屬性節點，返回值是屬性節點的屬性值。

3.文字節點，返回值是文字節點的文字。

4.對於文件節點，此屬性不可用。

例項程式碼如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title> 
<script type="text/javascript">
window.onload=function(){
  var thediv=document.getElementById("thediv");
  var show=document.getElementById("show");
  var str="";
   
  var nodeType=thediv.nodeType;
  var nodeName=thediv.nodeName;
  var nodeValue=thediv.nodeValue;
  str="節點型別"+nodeType+"<br/>";
  str=str+"節點名稱"+nodeName+"<br/>";
  str=str+"節點值"+nodeValue;
  show.innerHTML=str;
}
</script>
</head> 
<body> 
<div id="thediv">螞蟻部落歡迎您</div>
<div id="show"></div>
</body> 
</html>

相關文章