美文网首页
value和innerHTML

value和innerHTML

作者: Yuann | 来源:发表于2017-09-21 21:39 被阅读0次
<body>
<input id = "inp1" type="text" value="我是input的value属性值/>
<div id="box1">
我是box1的内容
<div id="box2">我是box2的内容</div>
</div>
<div id="box3">
我是box1的内容
<div id="box4">我是box2的内容</div>
</div>
<script>
//value:标签的value属性
console.log(document.getElementById("inp1").value);
//innerHTML:获取闭合标签里面的内容(识别标签  )
console.log(document.getElementById("box1").innerHTML);
document.getElementById("box1").innerHTML = "<h1>我是innerHTML</h1>
//innerText:获取双闭合标签里面的内容(不识别标签 老版本的火狐用textContent)
console.log(document.getElementById("box3").innerText);
document.getElementById("box3").innereText = "<h1>我是innerText</h1>
</script>
</body>

相关文章

网友评论

      本文标题:value和innerHTML

      本文链接:https://www.haomeiwen.com/subject/nfqtextx.html