JavaScript——進階——DOM——節點訪問，javascriptdom節點
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>節點訪問 </title><script type="text/javascript">/*節點訪問：ID：document.getElementById("ID值");標籤名(TagName):document.getElementsByTagName("小寫標籤名");會返回給我一個Node對象數組NAME:document.getElementsByName("name值");會返回給我一個Node 對象數組擷取了一個Node對象的時候。 對象.value 可以擷取value值innerHTML 可以設定或者返回 標籤的內容體*/function run(){alert(1010); var ulNode = document.getElementById("aaa"); alert(ulNode);}function run1(){ var arr = document.getElementsByTagName("li"); alert(arr.length); for(var x in arr) { alert(arr[x].innerHTML); };}function run2(){ var arr = document.getElementsByTagName("ul"); alert(arr.length); for(var x in arr){ alert(arr[x].innerHTML); }}function run3(){ var arr = document.getElementsByName("bb"); alert(arr.length); for(var x in arr){ alert(arr[x].value);} }function run5(){ var arr = document.getElementsByTagName("li"); alert(arr.length); alert(arr[0].innerHTML="andriod");}</script></head><body><ul id="aaa"> <li>java11</li> <li>java12</li> <li>java31</li></ul><input type="button" value="點我擷取ul" onclick="run()" /><p></p><input type="checkbox" name="bb" value="bc1" />編程1<input type="checkbox" name="bb"value="bc2" />編程2<input type="checkbox" name="bb"value="bc3" />編程3<input type="checkbox" name="bb"value="bc4" />編程 4<p></p><input type="button" value="請點擊" onclick="run1()" /><input type="button" value="點擊擷取UL" onclick="run()"/> <input type="button" value="點擊擷取LI數組對象" onclick="run1()"/> <input type="button" value="點擊擷取UL數組對象" onclick="run2()"/> <input type="button" value="點擊複選框數組對象" onclick="run3()"/> <input type="button" value="點擊改變第一個li為android" onclick="run5()"/></body></html>
著作權聲明：本文為博主原創文章，未經博主允許不得轉載。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
