JS里面的innerHTML

1.在输入框输入一句话
2.点击按钮，输入框里面的内容会显示在下面
 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 
 7 <script>
 8 /*
 9     HTML 的属性操作：读、写
10         属性名：
11         属性值：
12         
13         读操作：获取、找到
14         元素.属性名
15         
16         写操作："添加？"、替换、修改
17         元素.属性名 = 新的值
18         
19         oP.innerHTML                    => 读取p里面所有的html代码
20         oP.innerHTML = 123;        => 替换p里面所有的html代码
21         
22 */
23 window.onload = function (){
24     var oBtn = document.getElementById('btn1');
25     var oText = document.getElementById('text1');
26     var oP = document.getElementById('p1');
27 
28     oBtn.onclick = function (){
29         // oImg.src = oText.value;
30         // alert( oP.innerHTML );
31         oP.innerHTML = oText.value;
32     };
33 };
34 </script>
35 
36 </head>
37 
38 <body>
39 
40 <input id="text1" type="text" />
41 <input id="btn1" type="button" value="按钮" />
42 <p id="p1">这是一些文字</p>
43 
44 </body>
45 </html>
示例代码：