(3)JavaScript DOM讀寫屬性節點
阿新 • • 發佈:2018-11-27
獲取屬性節點:
- 可以通過 元素節點.屬性名 這樣的方式來獲取和設定屬性節點的值
- 通過元素節點的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>