1. 程式人生 > >(3)JavaScript DOM讀寫屬性節點

(3)JavaScript DOM讀寫屬性節點

獲取屬性節點:

  1. 可以通過 元素節點.屬性名 這樣的方式來獲取和設定屬性節點的值
  2. 通過元素節點的getAttributeNode 方法來獲取屬性節點
    然後在通過nodeValue來讀寫屬性值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
	  //讀寫屬性節點:通過元素節點 . 的方式來獲取屬性值和設定屬性值
window.onload = function() { //屬性節點即為某一指定的元素節點的屬性 //1. 先獲取指定的那個元素節點 var nameNode = document.getElementById("name"); //2. 再讀取指定屬性的值 //@@@@顯示11111 alert(nameNode.value); //3. 設定指定的屬性的值 nameNode.value = "22222"; } </script> </head> <body> <p>你喜歡哪個城市?<
/p> <ul id = "city"> <li id="bj" name="beijing">北京</li> <li>上海</li> <li>東京</li> <li>首爾</li> </ul> <br><br> <p>你喜歡哪款單機遊戲?</p> <ul id = "game"> <li id="rl">紅警</li> <li>實況<
/li> <li>極品飛車</li> <li>魔獸</li> </ul> <br><br> gender: <input type="radio" name="gender" value="male"/>Male <input type="radio" name="gender" value="female"/>Female name: <input type="text" name="username" id="name" value="11111"/> </body> </html>