2021-08-15

周报
对Dom学习document的总结
//获取节点类型
//document.querySelector(“按照css选择器选择”);但是不是实时的
//var div=document.querySelctorAll(‘div’😉

一.关系类节点选择，包括所有的关系，遍历节点树
节点类型：1.元素节点–1
2.属性节点–2
3.文本节点–3
4.注释节点–8

5.document–9
6.Document.Fragment–11

1.节点树
var strong=document.getElementsBytagName(‘strong’)[0];
//元素的属性:
elment.parentNode//(document是最顶端父节点)
element.childNodes;//包括所有节点类型
element.firstChild
element.lasChild//最后一个孩子节点
//元素的兄弟节点（包括文本节点）
elmment.nextSibling//后一个兄弟节点
element.previousSibling//前一个兄弟节点

2.按照元素节点树类型选择
element.parentElement//父元素节点
children//子元素节点
children.length//子节点个数
firstElementChild//第一个子元素节点
nextElementSibling//下一个兄弟元素节点
previousElementSibling

3.document.getElementsBytagName(‘div’);
document.getElementsByClassName(’’);
document.getElementsById(’’);

4.节点属性
node.nodeName//节点/元素的标签名字，只读
node.nodeValue//text节点或者Comment节点的文本内容，可读写

node.nodeType//该节点的类型

         4.node.atrributes//获取一个标签的 属性节点

node.atrributes.name//获取属性名字
node.atrributes.value//获取属性值

5.node.hasChildNodes()//返回布尔类型值。判断是否是否有孩子节点