1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <!--<input type="button" value="我是input中的button"/>--> 10 <!--<button>我是button</button>--> 11 <input id="inp1" type="text" value="我是inpput的value属性值"/> 12 13 <div id="box1"> 14 我是box1的内容 15 <div id="box2">我是box2的内容</div> 16 </div> 17 18 <div id="box3"> 19 我是box1的内容 20 <div id="box4">我是box2的内容</div> 21 </div> 22 23 24 <script> 25 26 //value：标签的value属性。 27 console.log(document.getElementById("inp1").value); 28 29 //innerHTML：获取双闭合标签里面的内容。（识别标签） 30 console.log(document.getElementById("box1").innerHTML); 31 document.getElementById("box1").innerHTML = "<h1>我是innerHTML</h1>"; 32 33 //innerText：获取双闭合标签里面的内容。（不识别标签）（老版本的火狐用textContent） 34 console.log(document.getElementById("box3").innerText); 35 document.getElementById("box3").innerText = "<h1>我是innerText</h1>"; 36 37 38 </script> 39 40 41 42 </body> 43 </html>