innerText 与 innerHTML的属性与用法-wch-10

357 阅读1分钟

InnerText 和 InnerHTML 是在 JavaScript 中操作 HTML 元素的常用属性。

InnerText 属性: InnerText 表示一个元素的文本内容,它不包含标签。如:

phpCopy code
<p id="demo">Hello <b>World</b></p>

在 JavaScript 中,可以这样访问该元素的 InnerText:

javascriptCopy code
document.getElementById("demo").innerText

结果为:"Hello World"

InnerHTML 属性: InnerHTML 则是一个元素的所有内容,包括标签。如:

phpCopy code
<p id="demo">Hello <b>World</b></p>

在 JavaScript 中,可以这样访问该元素的 InnerHTML:

javascriptCopy code
document.getElementById("demo").innerHTML

结果为:"Hello World"

总结: InnerText 和 InnerHTML 都是操作 HTML 元素的有用属性,InnerText 表示元素的文本内容,InnerHTML 表示元素的所有内容,都可以通过 JavaScript 访问和修改。