JavaScript的DOM编程--12--innerHTML属性
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 ><li name="BeiJing">北京</li>
28 <li>上海</li>
29 <li >东京</li>
30 <li >首尔</li>
31 </ul>
32
33 <br><br>
34 <p>你喜欢哪款单机游戏?</p>
35 <ul >
36 <li >红警</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>