JavaScript之元素的动态增加与删除
1 .DOM概念
2 .修改元素
3. 添加删除元素
1 .DOM概念
DOM(Document Object Model):文档对象模型
通过开发者工具可以看到
整个文档是由一系列的节点对象组成的一棵树
节点(Node)包括元素节点
(1)、属性节点
(2)、和文本节点
(3)Th1代表一个元素节点(nodeType=1),nodeName是标签名(th)元素节点的nodeValue=null
(1)getAttributeNode方法是获取元素的属性节点,此时输出的节点类型是属性节点
(2)节点名称就是属性名,节点值就是属性值,Txt1是一个文本节点
(3),节点名称固定是#text,节点值文本内容
获取元素
(1)getElementById
根据元素的id属性来获取元素,获取到的是一个元素
(2)getElementsByTagName
根据标签名来获取元素,获取到的是一个元素集合
(3)getElementsByClassName
根据class属性来获取元素,获取到的是一个元素集合
(4)getElementsByName
根据name属性来获取元素,获取到的是一个元素集合
总结:获取元素可以根据标签名获取,也可以根据id、name、class属性来获取。
根据id属性获取的结果是一个元素,其他的是一个元素集合