innerHTML/innerText 的区别

innerHTML 是获取元素中的 html 字符串 innerText 获取的是元素中去除掉 html 标签的其他字符串

innerHTML/innerText 的影响

innerHTML 和 innerText 会导致重绘

innerHTML 会导致安全问题 比如 div.inner = '<script>alert(1)<\/script>'

innerHTML 的性能并不好, 需要将字符串尝试去解析成 html 标签

textContent

textContent 直接获取/赋值标签中的所有字符串(不会去尝试解析, 也不会导致重绘)

建议:

如果要操作 html 建议使用 document.createElement 如果要操作 字符串 建议使用 div.textContent