自己在看《javascript Dom编程艺术》,这本书真的非常有意思,对DOM的理解也很有帮助,现在自己将其中涉及的知识点做个笔记


元素节点:

    诸如此类 文本节点:文本节点一般被包含在元素节点的内部 属性节点: class ,id, title


    获取元素
    1.getElementById(获取到具有Id属性的元素)
    document.getElementById("id")

    2.getElementsByTagName(返回一个对象数组)
    dodcument.getElemenstByTagName("tag")

    3.getElementByClassName(返回一个具有相同类名的的元素的数组)
    document.getElementByClassName("class")

    /若有多个类名可用空格隔开/

    获取和设置属性
    1.getAttribute(你查询的属性的名字)
    object.getAttribute("attribute")

    2.setAttribute(修改属性节点的值)
    object.setAttribute("attribute","value")

    /二者只能用于元素节点/

    1.childNodes(可以用来获取任意一个元素的所有子元素,返回数组)
    element.ChildNodes

    /返回所有节点,包括空格之类/

    2.nodeType(对特定类型的节点进行处理)
    node.nodeType

    • 元素节点的nodeType属性值是1
    • 属性节点的nodeType属性值是2
    • 文本节点的nodeType属性值是3

    3.nodeValue(改变一个文本节点)
    node.nodeValue

    4.firstChild lastChild

    1.createElement(添加节点)
    document.createElement(nodeName)

    2.appendChild(插入节点)
    parent.appendChild()

    3.creatTextNode(创建文本节点)
    docuent.createTextNode(text)

    DOM中的事件对象

    • type属性用于获取事件类型
    • target属性用于获取事件目标
    • stopPropagation()方法 用于阻止事件冒泡
    • preventDefault()方法用于阻止s

你可能感兴趣的:()