说明
读取、修改 标签的内容
innerHTML:可以读取 HTML标签,可以将 HTML标签显示到页面上innerText:只能读取 文本内容。将 文本内容显示到页面上,如果有 HTML标签,也会以文本的形式显示到网页
案例 - 读取标签内容
<div id="day">今天天气 <b>晴朗</b></div>
<script>
var divObj = document.getElementById("day")
console.log("divObj:",divObj)
console.log("divObj 类型:", typeof(divObj))
console.log(divObj.innerHTML)
console.log(divObj.innerText)
</script>
执行结果:
今天天气 <b>晴朗</b>
今天天气 晴朗
案例 - 修改标签内容
<div id="day"></div>
<div id="day2"></div>
<script>
var divObj = document.getElementById("day")
var divObj2 = document.getElementById("day2")
divObj.innerText = "<b>星期天</b>"
divObj2.innerHTML = "<b>星期天</b>"
</script>