文本操作
- innerHTML
- innerTEXT
-
innerHTML
用来获取或设置元素的html内容,可以自动解析html标签
例1:
代码:
<body>
<div class="main">
<h3>我是内容</h3>
</div>
<script>
var main=document.querySelector(".main");
console.log(main.innerHTML);
</script>
</body>
效果展示:
例2:
代码:
var save="<span>我是span</span>";
main.innerHTML=save;
效果展示
:
-
innerTEXT
用来获取或设置元素的文本,以纯文本的方式直接显示
例1:
代码:
<body>
<div class="main">
<h3>我是内容</h3>
</div>
<script>
var main=document.querySelector(".main");
console.log(main.innerText);
</script>
</body>
效果展示:
例2:
代码:
var save="<span>我是span</span>";
main.innerText=save;
效果展示
: