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>