节点
html里有大致有三类节点
分别为元素节点 文本节点 和属性节点
元素节点可以理解为html里大大小小的标签 也叫标签节点
文本节点是在html里的文本空格等
属性节点是标签里内链的样式 属性
如:class id title name 等
查找/获取元素节点的方法
getElementById() 获取特定ID元素的节点
getElementsByClassName() 获取特定class元素的节点
getElementsByTagName() 获取相同元素的节点列表
getElementsByName() 获取相同名称的节点列表
getAttribute() 获取特定元素节点属性的值
setAttribute() 设置特定元素节点属性的值
removeAttribute() 移除特定元素节点属性
querySelector() 返回与该模式匹配的第一个元素,如果没有则返回null
querySelectorAll() 返回所有的元素NodeList,类似一组元素的快照, 而非不断对文档进行搜索的动态查询
注:querySelectorAll()方法 可能会返回一个伪数组,伪数组只有数组的length属性
styleName
为要设置的样式名称/给标签添加style属性
className
给标签添加一个class属性
innerHTML
返回元素开始和结束标签之间的 HTML/可以理解为js与html的交互
innerText
返回元素里面的所有文本/设置元素里面的文本设置为text
区别:
1、innerHTML:
也就是从ele的起始位置到终止位置的全部内容,包括Html标签。
2、innerText:
从起始位置到终止位置的内容, 但它去除Html标签