美文网首页
《JS高级程序设计》——10.DOM

《JS高级程序设计》——10.DOM

作者: 向布谷鸟说早安 | 来源:发表于2019-01-02 22:09 被阅读2次

    节点属性:

    每个节点都有一个nodeType属性:
    1:ELEMENT_NODE
    9:DOCUMENT_NODE
    3:TEXT_NODE
    nodeName:元素的标签名
    每个节点都有一个childNodes属性:其中保存着一个NodeList对象
    每个节点都有一个ownerDocument属性:其中保存着节点所在的文档节点,而不用层层遍历获取顶层节点

    节点关系:

    firstChild
    lastChild
    childNodes 是一个NodeList对象(类似下文的HTMLCollection)
    nextSibling(nextElementSibling)
    previousSibling(previousElmentSibling)
    这些节点关系都会包括换行,注释等特殊符号,除了nextElementSibling和previousElmentSibling

    节点操作
    插入
    appendChild,insertBefore
    替换
    replaceChild
    移除
    removeChild
    克隆
    cloneNode

    Document类型:

    (HTMLDocument)
    nodeType 9
    nodeName #document
    ownerDocument null

    document.documentElement (html)
    document.childNodes[1] html
    document.lastChild html

    document.body
    document.doctype

    document.title
    document.URL
    document.domain
    document.referrer

    以下方法取得的内容是一个HTMLCollection集和(类数组对象)
    document.getElementByID()
    document.getElementsByTagName()
    document.getElementsByName()

    Element类型

    id
    title
    class
    style
    事件

    getAttributes
    setAttributes
    element.xxx

    相关文章

      网友评论

          本文标题:《JS高级程序设计》——10.DOM

          本文链接:https://www.haomeiwen.com/subject/zbmakqtx.html