value和innerHTML

<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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容