innerText 和 innerHTML 都可以改变和读写元素的内容,但是二者也有一定的区别
element.innerText:
不识别 HTML 标签,读写(获取元素内容)时空格和换行都会被去除,是非标准的
<body>
<div></div>
<script>
var ele=document.querySelector('div');
ele.innerText='<strong>今天星期五</strong>';
</script>
</body>
结果中没有识别出 HTML 的 strong 标签,并将其打印了出来
element.innerHTML:
可以识别 HTML 标签,读写时保留了空格和换行,符合 W3C 标准,使用较多
<body>
<div></div>
<script>
var ele=document.querySelector('div');
ele.innerHTML='<strong>今天 星期五</strong>';
</script>
</body>
可以识别出 HTML 的 strong 标签