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 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>    

 

转载于:https://www.cnblogs.com/nifengs/p/4839045.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值