HTML_DOM的node屬性

Posted 2022-04-24 zzzzzpaul

　　DOM沒搞通，今天繼續學DOM。學三個node屬性，nodename,nodevalue,nodetype屬性。name返回節點名稱，value返回節點值，type返回節點類型。貌似簡單，這裏我用自己的方法測試這三個屬性代碼，在網頁裏顯示測試的内容，這樣弄要比alert()，和console.log()稍微複雜一點點。效率也稍微低一點。只是作爲寫代碼練習還是不錯的。順便說一下，cnblogs上面的博客對質量要求真的是有點高，過於簡單的内容都上不了首頁。唉，不管了，就把這個博客作爲一個學習日志使用吧。估計也沒什麽人會看，以後我插代碼放不放全套就看自己寫的網頁決定了，内容不多的話放全套，内容多就只放代碼塊了。下面放上今天的代碼。

 1         <p id="pDemo1">文本節點</p>
 2         <script>
 3             function getname()
 4                 var a = document.getElementById("pDemo1");
 5                 document.getElementById("viewresult").value=a.nodeName;
 6             
 7             function getvalue()
 8                 var b = document.getElementById("pDemo1");
 9                 document.getElementById("viewresult").value=b.childNodes[0].nodeValue;
10             
11             function gettype()
12                 var c = document.getElementById("pDemo1");
13                 document.getElementById("viewresult").value=c.nodeType;
14             
15         </script>
16         
17         <input onClick="getname()" type="button" value="獲得節點名" >
18         <input onClick="getvalue()" type="button" value="獲得節點值">
19         <input onClick="gettype()" type="button" value="獲得節點類型">
20         <input id="viewresult" type="text" style="width: 50%;">        

　　運行下來效果是這樣的: