请问ja中这三个属性的意义

在js中对象.value，对象.innerText和对象.innerHtml有什么区别

风中随影 2018-08-23

收起

2回答

chrismorgen 2018-08-27 09:52:06

举个列子，value就很好理解，可以从对象中取得值，innerText和innerHtml的区别就是是否包含Html标签，Html标签指的就是<h1></h1>等，通过以下代码分别演示一下innerText和innerHtml的区别。

<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph.</p>
<script>
document.getElementById("demo").innerText="<h1>My First JavaScript</h1>";
</script>
</body>
</html>

效果如下，可以看到h1标签并没有被识别出来，由此可见innerText它不包含Html标签。

innerHtml的代码如下：

<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph.</p>
<script>
document.getElementById("demo").innerHtml="<h1>My First JavaScript</h1>";
</script>
</body>
</html>

效果如下，由此可见innerHtml是包含Html标签的。具体怎么使用还是看你的布局需求。祝学习愉快~

收起回答

提问者风中随影 #1

也就是说如果我在给innerText属性进行赋值的时候，不会去检测是否内容中是否存在html标签，全部当成内容显示，而给innerHtml属性赋值的时候会检测html标签，并将html标签拼接在页面中，是这样吗？那在实际开发中分情况考虑使用是根据语句中是否会存在多级html标签吗？如果确认只有内容字符串，就使用innerText，否则就使用innerHtml

2018-08-27 09:56:22
chrismorgen 回复提问者风中随影 #2

你的理解是正确的，祝学习愉快~

2018-08-27 14:22:14