innerText与innerHTML:
- 两者都是可以设置文本内容的。
innerText主要是设置文本内容的,如果设置标签内容是没有标签效果的。
innerHTML主要的作用是在标签中设置新的html标签内容,是有标签效果的。
用效果看下两者设置时区别:
//使用innerText
<style>
div {
width: 200px;
height: 100px;
border: 2px dotted purple;
}
</style>
<body>
<input type="button" value="显示效果" id="btn" />
<div id="dv">
这是一个div
</div>
<script>
function my$(id) {
return document.getElementById(id);
}
my$("btn").onclick = function() {
my$("dv").innerText = "<p>这是一个p</p>"; //设置html标签的代码
}
</script>