读写属性节点

 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>    

 

你可能感兴趣的:(读写)