js的DOM操作

1.三种常用查看方式
标签名
在这里插入图片描述
类名
在这里插入图片描述
元素id
在这里插入图片描述
注:document代表整个文档,name选择器对部分标签不生效,.querySelector()非实时。

2.创建元素节点
在这里插入图片描述

3.创建文本节点
在这里插入图片描述
4.复制节点
在这里插入图片描述
注:true时克隆整个节点;false只克隆该节点,不克隆子节点。

5.插入节点
(1)在末尾插入子节点
在这里插入图片描述
(2)在已有节点之前插入子节点
在这里插入图片描述
注:已有节点的插入操作会产生剪切效果

6.删除节点
(1)父元素调用删除,不会抹去元素,可以接收返回值
在这里插入图片描述
(2)自身删除
6

7.替换节点
在这里插入图片描述
8.innerHTML
在这里插入图片描述
方法可行,插入的是html结构,html会识别。会覆盖原结构

9.innerTEXT
老版本火狐不兼容,用textcontent
但textcontenet旧版本ie不兼容

10.html节点上的方法
(1)setAttribute
在这里插入图片描述
(2)getAttribute
在这里插入图片描述

11.节点类型
遍历节点
parentNode
childNodes
firstchild
lastchild
nextsibling
previoussibling

遍历元素节点
parentElement
children
firstElementschild
lastElementschild
nextElementssibling
previousElementssibling

12.节点属性
nodename 只读
nodevalue 可读写
nodetype 只读,判断节点类型
文本节点3
元素节点1
注释节点8
属性节点2

13.haschildnodes
返回值为ture 或 false,仅标签内部为空时返回false,注意空格字符。

猜你喜欢

转载自blog.csdn.net/qq_43335204/article/details/82952978