JS存取DOM物件節點方法總結
- php中世界最好的语言原創
- 2018-06-11 14:28:302307瀏覽
這次帶給大家JS訪問DOM物件節點方法總結，JS訪問DOM物件節點的注意事項有哪些，以下就是實戰案例，一起來看一下。
一介紹
使用getElementById()方法存取指定id的節點，並用nodeName屬性、nodeType屬性和nodeValue屬性來顯示出該節點名稱、節點類型和節點值。
1、nodeName#屬性
該屬性用來取得某一個節點的名稱。
[sName=]obj.nodeName
sName：字串變數用來儲存節點的名稱。
2、nodeType#屬性
該屬性用來取得某一個節點的型別。
[sType=]obj.nodeType
#sType：字串變量，用來儲存節點的類型，該類型值為數值類型。此參數的類型如下表所示。
| 類型 | 數值 | 節點名稱 | |
| #元素（element ) | 1 | 標記 | 任何HTML或XML的標記 |
| 屬性（attribute） | 2 | 屬性 | #標記中的屬性 |
| 文字（text） | 3 | #text | 包含標記中的文字 |
| 註解（comment） | 8 | #comment | #HTML的註解 |
| 9 | #document | 文件物件 | # |
| 文檔類型（documentType） | 10 | DOCTYPE | DTD規格 |
3、 nodeValue屬性
該屬性將傳回節點的值。
[txt=]obj.nodeValue
#txt：字串變數用來儲存節點的值，除文字節點類型外，其他類型的節點值都為“null”。
二應用
存取指定節點,本範例在頁面彈出的提示框中，顯示了指定節點的名稱、節點的類型和節點的值。
三代碼
<!DOCTYPE html>
<html>
<head>
<title>访问指定节点</title>
</head>
<body id="b1">
<h3 >三号标题</h3>
<b>加粗内容</b>
<script language="javascript">
<!--
var by=document.getElementById("b1");
var str;
str="节点名称:"+by.nodeName+"\n";
str+="节点类型:"+by.nodeType+"\n";
str+="节点值:"+by.nodeValue+"\n";
alert(str);
-->
</script>
</body>
</html>
#四運行彈出以下提示方塊：
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是JS存取DOM物件節點方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn