HTML_DOM的node屬性

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

        <p id="pDemo1">文本節點</p>
        <script>
            function getname(){
                var a = document.getElementById("pDemo1");
                document.getElementById("viewresult").value=a.nodeName;
            }
            function getvalue(){
                var b = document.getElementById("pDemo1");
                document.getElementById("viewresult").value=b.childNodes[0].nodeValue;
            }
            function gettype(){
                var c = document.getElementById("pDemo1");
                document.getElementById("viewresult").value=c.nodeType;
            }
        </script>
        
        <input onClick="getname()" type="button" value="獲得節點名" >
        <input onClick="getvalue()" type="button" value="獲得節點值">
        <input onClick="gettype()" type="button" value="獲得節點類型">
        <input id="viewresult" type="text" style=" 50%;">        

　　運行下來效果是這樣的: