事件的内容

三要素： 事件源  事件类型  事件处理程序

1.事件修改元素内容：

div.innerText ='晚上好'；

div.innerHtml='早上好'；

两者的区别 前者innerText不识别html标签 就是如果在div.innerText ='晚上好'；里给晚上好加粗

  <div>晚上好</div>

    <script>

     var div=document.querySelector('div');

    div.innerText='你<strong>好</strong>呀'

    </script> 

结果是：你<strong>好</strong>呀  innerText不识别html标签 直接显示

但是innerHtml识别

  <div>晚上好</div>

    <script>

     var div=document.querySelector('div');

    div.innerHTML='你<strong>好</strong>呀'

    </script>

结果：你好呀  innerHtml识别html标签 直接进行渲染

以上两个标签是可读写的，不仅可以用来修改，还可以用来获取元素内容，

在获取元素内容是 innerText是会自动去除空格和换行的

innerHtml不会去除这些，会全部保留