JS获取文本节点

 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                 

14                 //1. 获取文本节点所在的元素节点

15                 var bjNode = document.getElementById("bj");

16                 

17                 //2. 通过 firstChild 定义为到文本节点

18                 var bjTextNode = bjNode.firstChild;

19                 

20                 //3. 通过操作文本节点的 nodeValue 属性来读写文本节点的值. 

21                 alert(bjTextNode.nodeValue);

22                 

23                 bjTextNode.nodeValue = "尚硅谷";

24                 

25                 //alert(bjTextNode);

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>    

 

你可能感兴趣的:(js)