innerHTML与innerText换行问题

div.innerHTML = <p>我是内容<p>
div.innerText = <p>我是内容<p>

可以清楚的看出来
innerHTML显示内容，但是将<p></p>变成了一个标签
innerText 显示的却是将p标签当成内容输出

由此可以看出区别在哪

注意一点
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用 innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后

那么在遇到
换行标签怎么处理呢？
使用innerHTML 来实现
div.innerHTML = '我是内容<br>换行了'

那我们若是想得到

怎么办呢？
采用innerHT看一下结果

div.innerHTML='<h1>我是内容<br>换行了</h1>'

很明显，如果使用innerHTML的话很容易篡改我们想要的效果！

三个解决办法

1. 使用innerText 如果遇到换行使用 \n转移字符表示换行
2. 新建两个标签,使用两个块级标签分别显示在里面
3. 讲<>用转意字符<>分别表示出来