什么是DOM?DOM是W3C标准,定义了访问HTML 和 XML文档的标准W3C 文档对象模型(DOM)是中立于平台和语言接口,它允许程序动态的访问和更新文档的内容、结构和样式。W3C DOM 由3个部分组成:核心 DOM :针对任何结构化文档的标准模型XML DOM:针对XML的标准模型HTML DOM:针对HTML文档的标准模型DOM 是 document object model(文档对象模型)的缩写什么是XML DOM?XML DOM 定义所有XML元素的对象和属性,以及访问它们的方法什么是HTML DOM?HTML DOM 定义了所有HTML元素的对象和属性,以及访问它们的方法在HTML DOM中,所有事物都是节点,DOM 是被视为节点树的HTMLDOM节点;整个文档是一个文档节点每个HTML元素是元素节点HTML元素内的文本是文本节点每个HTML属性是属性节点注释是注释节点在节点树中,最顶端节点称为根节点(在html中指html元素)每个节点都有父节点,除了根节点一个节点可以拥有任意数量的子同胞是拥有相同父节点的节点DOM方法:所有的HTML元素被定义为对象方式我们可以在节点上执行的操作属性是能够获取或访问的值getElementById() 返回带有指定ID的元素getElementsByTagName() 返回包含带有指定标签名称(例如p标签)的所有元素的节点列表(节点数组)getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表(在IE5,6,7,8中 无效)appendChild(node) 添加新元素(子节点),首先必须要创建元素,把它追加到已有的元素上removeChild(node) 删除子节点(元素),必须清楚该元素的父元素。parent.removeChild(node)replaceChild() 替换子节点,也是需要清楚元素的父元素, parent.replaceChild(新元素,旧元素)insertBefore() 在指定的子节点前面插入新的子节点,父元素.insertBefore(新元素,这个子元素前面)createAttribute() 创建属性节点createElement() 创建元素节点createTextNode() 创建文本节点getAttribute() 返回指定的属性值setAttribute() 把指定属性设置或修改为指定的值DOM属性:属性是节点的值,能够获取和设置innerHTML 节点(元素)的文本值、获取和替换,改变元素内容nodeName 规定节点的名称(只读的)nodeName 是只读的元素节点的 nodeName 与标签名相同属性节点的 nodeName 与属性名相同文本节点的 nodeName 始终是 #text文档节点的 nodeName 始终是 #documentnodeValue 规定节点的值(元素节点的nodeValue是undefined 或 null)元素节点的 nodeValue 是 undefined 或 null文本节点的 nodeValue 是文本本身属性节点的 nodeValue 是属性值nodeType 返回节点的类型,nodeType是只读的元素类型 nodeType元素 1属性 2文本 3注释 8文档 9parentNode 节点(元素)的父节点childNodes 节点(元素)的子节点attributes 节点(元素)的属性节点firstChild 返回文档的首个子节点lastChild 返回文档的最后一个子节点DOM根节点:document.documentElement 全部文档document.body 文档的主体改变HTML样式节点对象.style.color = "blue";DOM 事件:onload 和 onunload 事件用户进入和离开页面时,会出发 onload 和 onunload事件onload事件可用于检查访客的浏览器类型和版本,以便基于这些信息来加载不同的版本的网页onchange 改变内容事件,输入字段的验证onmouseover 鼠标指针移动到元素onmouserout 鼠标指针离开元素onmousedown 鼠标指针被按下onmouseup 鼠标按钮被松开onclick 鼠标点击事件