DOM

一、获取标签

罕用：

document.querySelector()document.querySelectorAll()

依据节点获取：

父.children父.firstElementChild父.lastElementChild标签.previousElementSubling标签.nextElementSibling子.parentElement

不罕用：

document.getElementById() document.getElementsByTagName()document.getElementsByClassName()document.getElementsByName()

二、操作标签

创立标签：

document.createElement()

插入标签：

父.appendChild(子)父.insertBefore(新, 旧)

替换标签：

父.replaceChild(新, 旧)

删除标签：

父.removeChild(子)

复制标签：

标签.cloneNode(true)

标签属性：

标签.getAttribute(属性名)标签.setAttribute(属性名, 属性值)标签.removeAttribute(属性名)

类名操作：

标签.className // 能够获取/能够赋值标签.classList

classList的办法：

add()remove()has()toggle()

内容操作：

标签.innerText标签.innerHTML表单标签.value

款式操作：

获取款式：

getComputedStyle(标签) // 获取到所有款式组成的对象

设置款式：

标签.style.css键 = css的值

获取标签名：

标签.tagName

获取标签大小：

蕴含边框的：

标签.offsetWidth标签.offsetHeight

不蕴含边框的：

标签.clientWidth标签.clientHeight

获取标签地位：

标签.offsetLeft标签.offsetTop

获取标签边框厚度：

标签.clientLeft标签.clientTop