JavaScript教程:innerHTML 和 innerText 属性

说明

读取、修改 标签的内容

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>

原文出处:/show_1IX3AoyGkGKV.html