HTML_DOM的node屬性

　　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%;">

　　運行下來效果是這樣的:

转载于:https://www.cnblogs.com/zzzzzpaul/p/11212478.html

HTML_DOM的node屬性相关推荐

c# 一些控件常用屬性
Form: ControlBox:移除窗體按鈕(最大化.最小化.關閉組),並從左側移除「系統菜單」 Opacity:控制窗體透明度 ActiveControl:指出窗體上當前哪 ...
bipush java,Java Opcodes.BIPUSH屬性代碼示例
本文整理匯總了Java中org.objectweb.asm.Opcodes.BIPUSH屬性的典型用法代碼示例.如果您正苦於以下問題:Java Opcodes.BIPUSH屬性的具體用法?Java O ...
Ios: 如何保護iOS束文件屬性列表，圖像，SQLite，媒體文件
Ios: 如何保護iOS束文件屬性列表,圖像,SQLite,媒體文件我創建了Hello World示例項目,然後添加data.plist文件到資源文件夾.現在人們可以很容易得到束文件解壓縮.國際音標 ...
控制項學習四（屬性與事件）
四．初探控制項屬性(Property)的建立 1.當我們建立一個控制項(或類別),可以建立控制項的屬性(property),屬性多半是一個值,或是指到另外一個物件,或是一個集合. 請注意,在該屬性宣告 ...
善用 CSS 中的 table-layout 屬性加快 Table 的顯示速度
在很久以前我們都是用 Table 在排版的,我相信現在還是有不少人還是在用 Table 進行排版而非現在較為流行的 CSS 排版,使用 Table 排版最大的好處就是版面在各瀏覽器中顯示比較不會亂掉. ...
Mcad学习笔记之通过反射调用類的方法,屬性,字段,索引器(2種方法)
相关文章导航 Sql Server2005 Transact-SQL 新兵器学习总结之-总结 Flex,Fms3相关文章索引 FlexAir开源版-全球免费多人视频聊天室,免费网络远程多人视频会议系统 ...
java中的terminated_Java State.TERMINATED屬性代碼示例
本文整理匯總了Java中java.lang.Thread.State.TERMINATED屬性的典型用法代碼示例.如果您正苦於以下問題:Java State.TERMINATED屬性的具體用法?Jav ...
java pixelformat_Java PixelFormat.OPAQUE屬性代碼示例
本文整理匯總了Java中android.graphics.PixelFormat.OPAQUE屬性的典型用法代碼示例.如果您正苦於以下問題:Java PixelFormat.OPAQUE屬性的具體用法 ...
python keyboard backspace_Python curses.KEY_BACKSPACE屬性代碼示例
本文整理匯總了Python中curses.KEY_BACKSPACE屬性的典型用法代碼示例.如果您正苦於以下問題:Python curses.KEY_BACKSPACE屬性的具體用法?Python c ...

HTML_DOM的node屬性

HTML_DOM的node屬性相关推荐

最新文章

热门文章