JavaScript DOM

1、通过HTML DOM，可访问JavaScript HTML文档的所有元素

当页面被加载时，浏览器会创建页面的文档对象模型(Document Object Model)

HTML DOM 树

*JavaScript能够改变页面中的所有HTML元素

*JavaScript能够改变页面中的所有HTML属性

*JavaScript能够改变页面中的所有CSS样式

*JavaScript能够对页面中的所有事件作出反应

DOM改变HTML输出流：

      注意：绝对不要在文档加载完成之后使用document.write().这会覆盖该文档

寻找元素：通过id找到HTML元素、通过标签名找到HTML元素

改变HTML内容：使用属性innerHTML

改变HTML属性：attribute

DOM操作CSS

通过DOM对象改变CSS

语法：document.getElementById(id).style.property = new style.

DOM EventListener

方法：addEventListener();   方法用于向指定元素添加时间句柄

            removeEventListener(); 移除方法添加的事件句柄