1. 程式人生 > >訪問DOM物件指定節點

訪問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的註釋
文件(document) 9 #document 文件物件
文件型別(documentType) 10 DOCTYPE DTD規範
3、nodeValue屬性 該屬性將返回節點的值。 [txt=]obj.nodeValue txt:字串變數用來儲存節點的值,除文字節點型別外,其他型別的節點值都為“null”。 二 應用 訪問指定節點,本示例在頁面彈出的提示框中,顯示了指定節點的名稱、節點的型別和節點的值。 三 程式碼
<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>
  四 執行結果