今天的码农女孩做了关于node类型和DOM扩展的笔记 2022/1/12

node类型
nodeType获得节点类型（是1就是标签）
1.标签类型 2属性 3文本 8注释 9对象
nodeName节点名称 #text文本节点
tagName元素名称（不包括文本节点）（能获得就是标签）（返回undefined就是文本）
appendChild()尾部添加孩子
removeChild()删除孩子元素
clonrNode(true/false)复制元素
replaceChild(新，旧)替换元素
insertBefore(新，旧)插入孩子元素（不会覆盖）
document.createElement()创建标签
document.createTextNode()创建文本
getAttribute()获得属性
removeAttribute()删除属性
setAttribute()修改属性
 例：var tab=document.createElement("table");
        document.body.appendChild(tab);
图片
var img=new Image()
img.src=""
document.body.appendChild=img
表格
cells[]返回表格中所有单元格集合
rows[]返回表格中所有行的集合
insertRow()在表格中添加一行
deleteRow()在表格中删除一行
rowIndex()返回行在表格中的位置
insertCell()添加一个单元格
deleteCell()删除一个单元格
colSpan()跨列
rowSpan()跨行

DOM扩展
标签筛选
1.firstchild获得第一个孩子(包含文本节点)(空格回车也算)(低版本兼容)
firstElementchild
2.lastchild获得最后一个孩子(包含文本节点)
lastElementchild
3.childNodes获得所有孩子节点集合(包含文本节点)
children获得所有孩子节点集合
4.previousSibling获得上一个兄弟(包含文本节点)
previousElementSibling获得上一个兄弟
5.nextSibling获得下一个兄弟(包含文本节点)
nextElementSibling获得下一个兄弟
6.parentNode()获得父类节点
获得元素(不是数组）
querySelector()通过选择器获得一个标签
querySelectorAll()通过选择器获得标签集合
matchesselector()判断一个选择器是否属于某个标签
兼容性不好可以写前缀，例如：webkitMatchesselector()
console.log(li[0].webkitMatchesSelector(".text"));//true