javaScript获取标签的几种方式

js 获取标签

  1. 通过标签id来获取标签:
    document.getElementById(’’)

  2. 通过标签名称获取标签。
    document.getElementsByTagName(’’)

注意getElementsByTagName获取到的是一个集合,包含了所有符合该条件的标签

  1. 通过class获取标签,获取到的也是包含该class的标签集合
    document.getElementsByClassName(’’)
  2. 通过选择器找到所有符合条件的标签集合。
    document.querySelectorAll(’’)

例1
选择标签h2的id在这里插入图片描述
浏览器效果在这里插入图片描述

例2
在这里插入图片描述
通过标签名称获取标签。tag标签
因为集合中有三个h1,以第一个展示效果
在这里插入图片描述

例3&例4
在这里插入图片描述
浏览器效果
在这里插入图片描述

  1. 几种获取特殊标签的写法
    document.body;//获取body
    document.anchors;//获取所有的a标签集合,相当于document,hetElementsByTagName(‘a’)
    //document.anchors[0];
    document.images;//获取所有的img标签集合
    document.forms;//获取所有的form标签集合
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值