JavaScript操纵DOM对象

HTML DOM 定义了访问和操作 HTML 文档的标准方法。

文档是一个文档节点。
所有的HTML元素都是元素节点。
所有 HTML 属性都是属性节点。
文本插入到 HTML 元素是文本节点。aretext nodes。
注释是注释节点
使用getElement系列方法访问节点:getElementById() 和 getElementsByTagName()
根据层次关系访问节点:parentNode:对应一个节点对象。childNodes:对应一个节点集合。previousSibling:上一个兄弟节点nextSibling.下一个兄弟节点,firstChild()第一个子节点lastChild最后一个子节点
节点信息:
nodeName(节点名称)
nodeValue(节点值)
nodeType(节点类型)
ELEMENT_NODE 元素节点
ATTRIBUTE_NODE属性节点
TEXT_NODE文本节点
DOM常用事件:
onload :页面加载时触发
onclick :鼠标点击时触发
onmouseover :鼠标滑过时触发
onmouseout:鼠标离开时触发
操作节点
获取属性值：getAttribute(name)
删除属性：removeAttribute(name)
添加属性：setAttribute(name,value)
替换删除：a.replaceChild(k,b)
直接删除：a.removeChild(b)
style属性:document.getElementById(“titles”).style
className属性:document.getElementById(“cart”).className=“cartOver”;