DOM

获取元素的方法

document对象加对应的方法来获取元素

getElementByID 根据id选择器获取（元素）

getElementsByClassName 根据class名字获取 （返回一个元素数组 他是一个伪数组 （除了具备对应的下标 和length属性其他方法都不具备））

getElementsByTagName 根据标签名获取 （返回伪数组 htmlcollection）

getElementsByName 根据name属性获取（返回伪数组）

querySelector 根据选择器获取（他会获取找到第一个元素）

querySelectorall 根据选择器获取所有匹配的元素 （返回伪数组 nodeList）

获取body和head的属性

获取body: document.body (属性)

获取head: document.head (属性)

元素所具备的属性(赋值就是对应的设置 反之就是获取)

id 获取对应的id (设置)

className 获取对应的class名字

style 获取样式(设置)

tagName 获取标签名

title 获取title 属性

innerHTML 获取显示的内容 （设置显示的内容 包含html代码）

innerText 获取显示的文本 （设置显示的文本 不包含html代码）

所有表单都具备 (value)值

节点的区分: (属性) 有node 就是跟节点相关

nodeType 节点的类型

nodeName 节点的名字

nodeValue 节点的值

获取子节点: 有child就是跟儿子们相关的

childNodes (获取所有的子元素节点及文本节点 （包含空格和换行符）)

children (获取所有的子元素节点) 重点

parentNode(父节点)

removeChild(移除子节点)

Math的方法 (静态方法)

abs 绝对值

random随机数

pow 幕次方

max 最大值

min 最小

ceil 向上取整

floor 向下取整

round 四舍五入

属性

Pl 圆周率

E 科学计数法

属性节点的相关的内容(针对元素节点)

获取所有的属性节点 attributes 返回一个伪数组 （element）

//所有元素都具备的属性 attributes获取所有里面所有的属性节点 ,返回的是一个伪数组

NamedNodeMap里面的方法

getNamedItem 获取对应属性节点

setNamedItem 设置对应的属性节点

removeNamedItem 移除对应的属性节点

属性节点的三个操作方法 (可操作任意属性)

get Attribute 获取属性名

set Attribute 修改属性名

remove Attribute 删除属性名

delete 全删

节点操作

元素节点的创建 createElement

属性节点的创建 createAttribute

文本节点的创建 createTextNode

元素的增删改的方法

appendChild 添加到后面

insertBefore 添加到前面

remove 移除自身的所有内容

removeChild 移除对应的子节点

replaceChild 替换对应的子节点

replaceChildren 替换里面的所有内容

节点克隆的方法

cloneNode

节点之间的关系

父子关系（属性）

childNodes 获取所有的子节点（文本节点及元素节点）

children 获取所有的子元素节点

parentNode 父节点

parentElement 父元素

兄弟关系（属性）

previousSibling 前一个节点

previousElementSibling 前一个元素节点

nextSibling 后一个节点

nextElementSibling 后一个元素节点

firstChild 第一个节点

lastChild 最后一个

this

this关键词表示自己 指向当前的调用者