js:节点、样式操作

这篇文章详细介绍了DOM中的节点类型,如元素节点、属性节点和文本节点,以及如何通过nodename、nodetype等属性来访问和操作它们。还提到了获取页面元素的方法,如getElementById、getElementsByTagName等,并讨论了元素的增删、属性的获取与设置以及样式操作,如.style和.class的应用。
摘要由CSDN通过智能技术生成

属性

描述

节点

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设置

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值