1,innerText和innerHTML的区别:innerText不能识别html标签,但是innerHTML可以。

    2,innerText会去除空格,并且换行,但是innerHTML却保留了空格和换行。

    3,这两个属性是可读写的,可以获取元素里面的内容。

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="UTF-8">
    5. <title></title>
    6. </head>
    7. <body>
    8. <button>显示数字</button>
    9. <p></p>
    10. <div></div>
    11. <script>
    12. //1,获取事件源
    13. var bu=document.querySelector("button");
    14. var p=document.querySelector("p");
    15. //注册事件(鼠标点击事件)
    16. bu.onclick=function(){
    17. //添加事件处理程序(p标签显示文字)
    18. p.innerHTML="<strong>Hello</strong>";
    19. }
    20. //如果想要页面一刷新,就显示文字,可以不添加事件
    21. var div=document.querySelector("div");
    22. div.innerText="页面一刷新,我就显示出来了"
    23. </script>
    24. </body>
    25. </html>