DOM简介

         1、html DOM：当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）

            2、DOM操作html

                JS能改变页面中的所有html元素

                JS能改变页面中的所有html属性

                JS能改变页面中的所有css样式

                JS能对页面中所有事件做出反应

   DOM操作HTML

          1、改变HTML输出流：注意绝对不要在文档加载完成之后使用document.write().这会覆盖文档

          2、寻找元素：通过ID寻找到html元素 

                            通过标签名寻找到html元素

                             document.getElementsByTagName("p");//相同元素的第一个

          3、改变html内容：使用属性：innerHTML

          4、改变html属性：使用属性：attribute

     DOM操作css

           1、通过DOM对象改变CSS

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

     DOM EventListener

           1、DOM EventListener

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

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

javascript DOM对象