1,innerText和innerHTML的区别:innerText不能识别html标签,但是innerHTML可以。
2,innerText会去除空格,并且换行,但是innerHTML却保留了空格和换行。
3,这两个属性是可读写的,可以获取元素里面的内容。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button>显示数字</button>
<p></p>
<div></div>
<script>
//1,获取事件源
var bu=document.querySelector("button");
var p=document.querySelector("p");
//注册事件(鼠标点击事件)
bu.onclick=function(){
//添加事件处理程序(p标签显示文字)
p.innerHTML="<strong>Hello</strong>";
}
//如果想要页面一刷新,就显示文字,可以不添加事件
var div=document.querySelector("div");
div.innerText="页面一刷新,我就显示出来了"
</script>
</body>
</html>