javaScript中获取Html标签元素的方法

本文介绍了JavaScript中获取HTML标签元素的六种方法,包括通过ID、name值、className、标签类型、获取子标签和后一个标签。对于通过className获取的集合,需要通过下标指定元素,同样,通过标签类型获取的也是一个集合。示例代码展示了如何操作这些元素。
摘要由CSDN通过智能技术生成

javaScript中获取Html标签元素的方法

js可以对html中标签的属性和内容进行操作,也可以动态创建,为拿到对应标签,可以通过下面几个方法:

1.通过标签ID

var span = document.getElementById("ID名")

2.通过name值

var span = document.getElementsByName("name值")

3.通过className

这里注意通过className拿到的是一个集合,因为不知道整个网页中具体有多少个,所以将结果做了封装,需要通过下标获取具体的标签
其实看到getElements而非getElement就可以知道其含义
var p = document.getElementsByClassName("PPP");
在这里插入图片描述

修改方法:
var p = document.getElementsByClassName("PPP")[0];

4.通过标签类型

这里拿到的也是一个集合,也需要通过下标进行具体的获取
拿到所有的p标签
var p = document.getElementsByTagN

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值