标签：nodename button val 自己 博客 node NPU eval html
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%;">
運行下來效果是這樣的:
标签：nodename button val 自己 博客 node NPU eval html
原文地址：https://www.cnblogs.com/zzzzzpaul/p/11212478.html
