操作dom

Posted 2021-03-01 zycs

操作dom元素
查
查元素
id(getElementById){返回值获取到一个元素，没有找到返回null}
class(getElementByClassName){返回值是一个类数组，没有找到返回空数组}
标签名(getElementByTagName){返回是一个数组，没有找到返回空数组}
name(getElementByName){返回值是一个类数组，没有返回空数组}
选择权(querySelector(){返回值只获取到一个元素}
querySelectotAll(){返回值是一个数组}
)
查属性
点语法
特点
点语法操作元素注意点
1.只能获取行内属性，不能获取行外属性(主要)
2.获取到的是带单位的字符串
3.属性既可以获取也可以修改
4.获取类名使用className,不能使用class,因为是关键字
点语法获取元素的特点
1.可以获取标准属性
2.可以获取点语法动态添加的属性
3.无法获取行内自定义属性
4.无法获取行外属性
attribute
特点
attribute获取元素的特点
1.可以获取行内标准属性
2.可以获取行内自定义属性(主要用来操作行内自定义属性)
3.无法获取行外属性
4.无法获取点语法动态添加的属性
获取
获取元素属性：元素.getAttribute("属性名");
设置
设置元素属性：元素.setAttribute("属性名",属性值);
移除
移除元素属性：元素.removeAttribute("属性名");
查内容
innerText
获取元素文本(包含子元素的文本)
textContent
作用和innerText完全一致 只是浏览器兼容性不同
innerhtml
可以识别内容中的标签, 并进行解析