DOM操作-标签

目录

html获取标签的方法：

js获取标签的方法：

修改标签样式：

修改标签内容：

给标签添加子标签：

---

html获取标签的方法：

1、根据标签名获取标签

返回值：一个类数组对象

document.getElementsByTayName()

2、根据类名获取标签

返回值：一个类数组对象

document.getElementsByClassName()

3、根据类名获取标签

返回值：一个标签对象，找不到时返回null

document.getElementById()

4、满足该选择器的所有标签

返回值：一个类数组对象

document.querySelectorAll()

5、满足该选择器的一个标签

返回值：一个标签对象，找不到时返回null

document.querySelector()

js获取标签的方法：

元素节点(html部分)		文本节点(包含换行空格)
标签.children	下方所有子标签	标签.childNodes
标签.fristElementChild	第一个子标签	标签.fristChild
标签.lastElementChild	最后一个子标签	标签.lastChild
标签.nextElementSibling	下一个相邻标签	标签.nextSibling
标签.previousElementSibling	上一个相邻标签	标签.previousSibling
标签.parentElement	父标签	标签.parentNode

nodeType可显示节点类型。节点类型与编号一一对应；

        元素节点返回值为：1

        属性节点返回值为：2

        文本节点返回值为：3

        注释节点返回值为：8

nodeName：获取节点名称：

        文本 #text

        节点 P 元素名称大写

        注释 #comment

修改标签样式：

style：一次设置一个css样式

cssText：可以一次设置多个css样式，但会把style的样式清空

修改标签内容：

innerHTML：标签内的html

innerText：标签内的text不识别文本

给标签添加子标签：

createElement()    //创建一个标签


appendChild()    //添加、追加子标签


//para1：新标签 para2：指定的标签前

insertBefore(para1,para2)    //在指定子标签前添加标签


removeChild()    //删除子标签