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>
示例代码：
时间： 2024-10-17 22:47:50