JavaScript--DOM

    DOM：文档对象模型，通过DOM操作HTML的每个元素。

    DOM节点：HTML每个元素在JavaScript中都是一个对象，根节点是document。

    节点类型 nodeType

    节点名称 nodeName

获取元素节点对象

    通过ID获取元素--document。getElementById(id)

    通过标签名获取元素--getElementByTagName(标签名)

    通过标类名获取元素--getElementByTagClassName(类名)   

通过节点之间的关系获得节点

    childNodes--当前节点所有直接子节点

    firstChild--获得第一节点

    lastChile--获得最后一个节点

    parentNode--获取当前节点的父节点

    previousSibling--获取上一个兄弟节点

    nextSibling--获取下一个兄弟节点

节点值 nodeValue

    一般用来返回文本节点里的内容

innerHtml和innerText

    获取和设置某一个元素的内部元素和文本

    注意：innerHTML识别标签，innerText不识别标签

节点操作

    创建标签名--var li = document.createElement("li");

    创建文本--var text = document.createTextNode("文本内容");

    指定位置--父节点.insertBefore(要插入的节点,当前节点);

    替换节点--父节点.replaceChild(新节点，旧节点);

    删除节点--父节点.removeChild(要删除的节点);

    复制节点--节点.cloneNode(true/false);

DOM事件

    onclic 单击事件

    onmousedown 按下任意鼠标键触发

    onmousemove 鼠标在元素内移动触发

    onmouseover 鼠标移动到元素上触发

    onmouseleave 鼠标离开