JavaScript · DOM - innerHTML 和 innerText 的区别

137 阅读1分钟

innerHTML 和 innerText 都可以获取标签内部的内容、更改标签内容

获取标签内部的内容

  • innerHTML属性:在获取标签内部内容时,如果包含标签,获取的内容也会包含标签,还会包含换行、缩进、内部html标签元素等。
  • innerText属性:获取标签内部内容时,如果包含标签,获取的内容会过滤标签,也会过滤换行缩进标签等。

更改标签内容

  • innerHTML属性:有标签的字符串,会按照 HTML 语法中的标签加载。(标签结构)
  • innerText属性:有标签的字符串,会按照普通的字符串加载。(纯文本)