Please enable JavaScript.

Coggle requires JavaScript to display documents.

Null (Object (Array (concat与slice会基于当前数组返回一个新的数组，当前数组保持不变，而push,pop,shift…

- - - - HTMLDocument
        
        查找元素 get...
        
        querySelectorAll
        
        getElementById
        
        querySelector
        
        getElementsByTagName
        
        getElementsByClassName
        
        getElementsByName
        
        创建方法 create...
        
        document.createElement(tagName)
        
        document.createTextNode(data)
        
        document.createAttribute()
        
        获取子节点
        
        document.anchors
        
        document.links
        
        document.images
        
        document.documentElement
        
        document.forms
        
        document.body
    - - 节点关系
        
        作为节点树的文档
        
        child
        
        firstChild
        
        childNodes
        
        lastChild
        
        sibling
        
        previousSibling
        
        nextSibling
        
        parent
        
        parentNode
        
        作为元素树的文档
        
        child
        
        firstElementChild
        
        lastElementChild
        
        children, 类似childNodes,它也是一个NodeList对象，但不同的是children列表只包含Element对象
        
        sibling
        
        previousElementSibling
        
        nextElementSibling
        
        parent
        
        parentNode
      - 操作节点
        
        这四个方法操作都是某个元素的子节点，要使用这几个方法必须先取得父节点
        
        parentNode.removeChild(child);
        
        parentNode.appendChild(child);
        
        parentNode.replaceChild(newChild, oldChild);
        
        parentNode.insertBefore(newNode, referenceNode);
        
        其他方法
        
        cloneNode()
      - 节点信息
        
        nodeName
        
        nodeValue
        
        nodeType
        
        ATTRIBUTE_NODE 2
        
        TEXT_NODE 3
        
        ELEMENT_NODE 1
        
        COMMENT_NODE 8
        
        DOCUMENT_NODE 9
    - - HTMLElement
        
        nodeType的值为1 nodeName的值为标签名
        nodeValue的值为null
        
        方法
        
        元素大小
        
        偏移量
        
        offsetTop offsetLeft
        
        offsetWidth offsetHeight
        
        客户区大小
        
        clientTop clientLeft
        
        clientWidth clientHeight
        
        滚动大小
        
        scrollTop
        
        scrollWidth
        
        scrollLeft
        
        scrollHeight
        
        查找元素
        
        querySelectorAll()
        
        Element.getElementsByTagName()
        
        querySelector()
        
        Element.getElementsByClassName
        
        Attributes and properties
        
        Attributes – is what’s written in HTML.
        
        elem.attributes is a collection of all attributes.
        
        elem.removeAttribute(name) – to remove the attribute.
        
        elem.hasAttribute(name) – to check for existance.
        
        elem.setAttribute(name, value) – to set the value.
        
        elem.getAttribute(name) – to get the value.
        
        Properties – is what’s in DOM objects.
        
        When a standard attribute changes, the corresponding property is auto-updated
        
        alert(input.getAttribute('checked')); // the attribute value is: empty string
        alert(input.checked); // the property value is: true
        
        But there are exclusions, for instance input.value synchronizes only from attribute to property
        
        改变样式
        
        setAttribute
        
        cssText
        
        直接用style oEle.style.width 需要一个一个的单独写
        
        HTMLElement子类型
        
        HTMLFormElement
        
        HTMLListElement
        
        HTMLDivElement
        
        HTMLCanvasElement
        
        所有HMLT元素都是由HTMLElement或者更具体的子类型来表示的