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>
