JS获取DOM元素的8种方法

本文介绍了JavaScript中获取DOM元素的8种方法,包括通过ID、name属性、标签名、类名、document.documentElement、document.body、querySelector及querySelectorAll。详细讲解了每种方法的用法和返回值,特别提到querySelector和querySelectorAll在处理多个匹配元素时的区别以及它们的兼容性问题。
摘要由CSDN通过智能技术生成
  1. 通过ID获取(getElementById)
  2. 通过name属性(getElementsByName)
  3. 通过标签名(getElementsByTagName)
  4. 通过类名(getElementsByClassName)
  5. 获取html的方法(document.documentElement)
  6. 获取body的方法(document.body)
  7. 通过选择器获取一个元素(querySelector)(开发常用)
  8. 通过选择器获取一组元素(querySelectorAll)(开发常用)

获取对象需要包括 事件源、事件类型、事件处理程序 (事件三要素)


1. 通过ID获取(getElementById)

let id = document.getElementById('id')
  • 通过id名获取元素,返回值是一个元素对象,没有找到则返回Null
  • 如果有多个id重复了,只会获取第一个满足条件的元素对象

2. 通过name属性(getElementsByName)

document.getElementsByName('name')
  • 通过name名获取元素,返回值是一个伪数组
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值