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>11.value和innerHTML和inerText
原文地址：https://www.cnblogs.com/BingBing-Deng/p/10427122.html