JS – dom

document.forms[]
document.images[]
document.links[]

document.body
document.title
document.referrer
document.URL

document.getElementById
document.getElementsByClassName
document.getElementsByTagName

element.offsetTop                        # 偏移
element.offsetLeft                       # 偏移

element.offsetHeight                     # 元素本身的高度
element.offsetWidth                      # 元素本身的宽度

element.clientHeight                     # 返回元素的可见高度, 受下拉条影响
element.clientWidth                      # 返回元素的可见宽度, 受下拉条影响

element.firstChild               # 返回元素的首个子元素
element.lastChild                # 返回元素的最后一个子元素
element.childNodes               # 返回元素子节点的 NodeList
element.children                 # 不包含空白节点

element.parentNode               # 返回元素的父节点
element.previousSibling          # 返回位于相同节点树层级的前一个元素
element.nextSibling              # 返回位于相同节点树层级的下一个节点

node 节点包含注释, Element 不包含注释

element.firstElementChild
element.lastElementChild
element.nextElementChild
element.previousElementChild
element.parentElement

element.className
element.id
element.tagName             # 似乎是一样的
element.nodeName            # 似乎是一样的
element.value
element.innerHTML
element.textContent

element.style
element.style.left
element.style.top
element.style.backgroundColor

var a = document.createElement("li");   创建元素节点
document.createAttribute()              创建属性, 一般不用
document.createTextNode()               创建文本, 一般不用

element.appendChild()
element.cloneNode()
element.removeChild()
element.replaceChild()
element.insertBefore()

element.getElementsByTagName()  # 返回拥有指定标签名的所有子元素的集合

JS -- dom

JS – dom