属性 | 描述 | |
节点 | nodevalue | 节点值(包含文本、属性,文档和元素节点不可用) |
nodetype | 节点类型(1:元素节点;2:属性;3:文本;8:注释;9:文档) | |
nodename | 节点名称 | |
基于DOM树 | firstElementChild | 第一个子节点 |
LastElementChild | 最后一个子元素节点 | |
childNodes | 所有子节点(文本节点) | |
children | 所有子元素 | |
parentElement | 父元素节点 | |
previousElementSibling | 上一个兄弟元素节点 | |
nextElementSibling | 下一个兄弟元素节点 | |
基于API函数 | getelementById | 获取id匹配的页面元素 |
getElementByTagName | 获取标签匹配的页面元素,返回一个数组 | |
getElementByclassname | 获取class匹配的页面元素,返回一个数组 | |
getElementByname | 获取name匹配的页面元素,返回一个数组 | |
querySelector(‘:checked’) | 获取第一个匹配元素 | |
querySelectorALL | 获取全部匹配元素 | |
属性操作 | dataset.[target] | 获取或设置data-的属性 |
attributes | 获取或设置所有元素属性,包括自定义属性 | |
: | 获取或设置预定义的属性 | |
创建 | creatElement(“”) | 创建标签 |
innHTML | 创建标签+内容 | |
innTEXT | 创建、修改文本内容 | |
增删 | creatNotetext | 添加文本内容 |
appendchild | 添加子元素 | |
removechild | 删除子元素 | |
样式操作 | .style.width=a+‘px’ | style样式操作 |
class操作 | classname | class设置 |
js:节点、样式操作
最新推荐文章于 2024-03-17 21:57:30 发布