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>