innerHTML属性:
1). 浏览器几乎都支持该属性, 但不是 DOM 标准的组成部分. innerHTML 属性可以用来读, 写某给定元素里的 HTML 内容
1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 4 <title>Untitled Document</title> 5 6 <script type="text/javascript"> 7 8 //测试 innerHTML 属性 9 window.onload = function(){ 10 var cityNode = document.getElementById("city"); 11 alert(cityNode.innerHTML); 12 13 //互换 #city 节点和 #game 节点中的内容. 14 var tempHTML = cityNode.innerHTML; 15 var gameNode = document.getElementById("game"); 16 17 cityNode.innerHTML = gameNode.innerHTML; 18 gameNode.innerHTML = tempHTML; 19 } 20 21 22 </script> 23 24 </head> 25 <body> 26 <p>你喜欢哪个城市?</p> 27 <ul id="city"><li id="bj" name="BeiJing">北京</li> 28 <li>上海</li> 29 <li id="dj">东京</li> 30 <li id="se">首尔</li> 31 </ul> 32 33 <br><br> 34 <p>你喜欢哪款单机游戏?</p> 35 <ul id="game"> 36 <li id="rl">红警</li> 37 <li>实况</li> 38 <li>极品飞车</li> 39 <li>魔兽</li> 40 </ul> 41 42 <br><br> 43 gender: 44 <input type="radio" name="gender" value="male"/>Male 45 <input type="radio" name="gender" value="female"/>Female 46 47 <br><br> 48 name: <input type="text" name="username" value="atguigu"/> 49 50 </body> 51 </html>