码迷,mamicode.com
首页 > Web开发 > 详细

JS里面的innerHTML

时间:2017-05-17 23:49:59      阅读:388      评论:0      收藏:0      [点我收藏+]

标签:btn   click   body   blog   val   元素   替换   输入框   标题   

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>
示例代码:

 

JS里面的innerHTML

标签:btn   click   body   blog   val   元素   替换   输入框   标题   

原文地址:http://www.cnblogs.com/123wyy123wyy/p/6869788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!