zoukankan      html  css  js  c++  java
  • 010 innerHtml的使用

    1.程序

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <meta charset="UTF-8">
     5 <title>Insert title here</title>
     6 <script type="text/javascript">
     7     window.onload=function(){
     8         var cityNode = document.getElementById("city");
     9         var gameNode = document.getElementById("game");
    10         
    11         //展示city的内容
    12         alert(cityNode.innerHTML);
    13         
    14         //互换 #city 节点和 #game 节点中的内容. 
    15         var tempHTML = cityNode.innerHTML;
    16         cityNode.innerHTML = gameNode.innerHTML;
    17         gameNode.innerHTML = tempHTML;
    18     }
    19 </script>
    20 </head>
    21 <body>
    22 <body>
    23     <p>你喜欢哪个城市?</p>
    24     <ul id="city">
    25         <li id="bj" name="BeiJing">北京</li>
    26         <li>上海</li>
    27         <li id="dj">东京</li>
    28         <li id="se">首尔</li>
    29     </ul><br><br>
    30     
    31     <p>你喜欢哪款单机游戏?</p>
    32     <ul id="game">
    33         <li id="rl">红警</li>
    34         <li>实况</li>
    35         <li>极品飞车</li>
    36         <li>魔兽</li>
    37     </ul><br><br>
    38 </body>
    39 </html>

    2.运行结果

      

      互换后的结果:

      

  • 相关阅读:
    POJ 2636:Electrical Outlets
    POJ 2260:Error Correction
    POJ 2080:Calendar
    POJ 2017:Speed Limit
    POJ 1504:Adding Reversed Numbers
    POJ 1477:Box of Bricks
    POJ 1060:Modular multiplication of polynomials
    HDU 1379:DNA Sorting
    HDU 1009:FatMouse' Trade
    mysql修改初始密码
  • 原文地址:https://www.cnblogs.com/juncaoit/p/7185790.html
Copyright © 2011-2022 走看看