(008)InnerHTML使用 

 1 <html>
 2     <head>
 3         <meta http-equiv="content-Type" content="text/html;charset=utf-8">
 4         <style type="text/css">
 5             #myDiv {
 6                 background: #abcdef;
 7                 width: 200px;
 8                 height: 200px;
 9             }
10         </style>
11         <script type="text/javascript">
12             window.onload = function() {
13                 var myTextNode = document.getElementById("myText");
14                 var myBtnNode = document.getElementById("myBtn");
15                 var divNode = document.getElementById("myDiv");
16 
17                 myBtnNode.onclick = function() {
18                     divNode.innerHTML = myTextNode.value;
19                 };
20             }
21         </script>
22     </head>
23     <body>
24         <input type="text" id = "myText"/>
25         <input type="button" value = "设置文字" id = "myBtn"/>
26         <div id="myDiv"></div>
27     </body>
28 </html>

 

posted @ 2013-11-25 22:20  雪中飞雁  阅读(59)  评论(0)    收藏  举报