1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>Untitled Document</title>
6
7 <script type="text/javascript">
8
9 //读写属性节点: 通过元素节点 . 的方式来获取属性值和设置属性值.
10 window.onload = function(){
11
12 //属性节点即为某一指定的元素节点的属性.
13 //1. 先获取指定的那个元素节点
14 var nameNode = document.getElementById("name");
15
16 //2. 再读取指定属性的值
17 alert(nameNode.value);
18
19 //3. 设置指定的属性的值.
20 nameNode.value = "尚硅谷";
21
22 //var nameAttr = nameNode.getAttributeNode("value");
23 //alert(nameAttr);
24 //alert("--" + nameAttr.nodeValue);
25 //nameAttr.nodeValue = "atguigu";
26 }
27
28 </script>
29
30 </head>
31 <body>
32 <p>你喜欢哪个城市?</p>
33 <ul id="city">
34 <li id="bj" name="BeiJing">北京</li>
35 <li>上海</li>
36 <li>东京</li>
37 <li>首尔</li>
38 </ul>
39
40 <br><br>
41 <p>你喜欢哪款单机游戏?</p>
42 <ul id="game">
43 <li id="rl">红警</li>
44 <li>实况</li>
45 <li>极品飞车</li>
46 <li>魔兽</li>
47 </ul>
48
49 <br><br>
50 name: <input type="text" name="username"
51 id="name" value="atguigu"/>
52 </body>
53 </html>
