dom基础

本文详细介绍了DOM操作的基础知识,包括如何通过不同的方法选择DOM元素、设置元素样式、获取和设置元素属性等。文中提供了多种DOM操作的方法及用法,如getElementById、getElementsByTagName、setAttribute等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

DOM查找方法


语法:doucment。getElemengtById(“id”)
功能
返回对拥有指定Id的第一个对象的引用
返回值:DOM对象
说明:id喂DOM元素上ID属性的值


语法:doucment.getElementsByTagName(“tag”)


功能:返回一个对所有tag标签引用的集合
返回值:数组】


说明:tag为要获取的标签名称




设置元素样式


语法:ele.style.styleName=stylevalue
功能:设置ele元素的CSS样式
说明
1.ele为要设置样式的DOM对象
2.styleNAme为要设置的样式名称
【 不能使用“-”连字符形式 font-size  使用驼峰命名形式fontSize】
3.atyleValue为设置的样式值








innerHTML
语法:ele.inner HTML
功能:返回ele元素开始和结束标签之间的HTML
语法ele.innerHTML=“html”
功能L:设置ele元素开始和结束标签之间的HTML内容为html




className
语法:ele.className
功能:返回ele元素的class属性
语法:ele.className="cls"
功能:设置ele元素的class属性为cls(会替换原来的)




获取属性
语法:ele.getAttribute("attribute")
功能:获取ele元素的attribute属性
说明:
1.ele是要操作的dom属性
2.attribute是要获取的html属性(如:id,type)






设置属性
语法:ele.setAttribute("attribute",value)
功能:在ele元素上设置属性
说明:
1.ele是要操作的dom对象
2.attribute为压迫设置的属性名称
3.value为要设置的attribute属性的值
【1.setAttribute方法必须要有两个参数】
【2.如果value是字符串 需加引导】
【3.setAttribute()有兼容性问题】




删除属性
语法:ele.removeAttribuye("attribute")
功能:删除ele上的attribute属性
说明:
1.ele是要操作的dom对象
2.attribute是要删除的属性名称
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值