JS获取HTML DOM元素的几种方法
2021-03-26 01:26
阅读:761
document.getElementById("id")
里面的id,就是你想要获取的那个标签的id名,只能是字符类型的。
如果没有找到,返回的就是null
如果没有找到,返回的就是null
第二种,根据标签名获取元素
div = document.getElementsByTagName("div")
括号里面只能填写标签名,前面的div是自己定义的名字,你甚至可以叫zhongyiwjw,一样的。
getElementsByTagName这个方法除了可以使用document以外,还可以使用元素调用
如果使用元素调用,就是指当前这个元素的子元素中的标签名是div的
第三种,根据className获取标签列表
var div0=diva.getElementsByClassName("div0");
可以根据元素获取子元素中class是div0的所有元素
第四种,根据选择器获取到第一个找到的元素
var div0=document.querySelector("div")
根据选择器获取到第一个div元素,只能找到第一个噢。它甚至可以这样写
var div0=document.querySelector("#diva>.div0")
找到的是id名为diva的下面的class名为div0的第一个元素
第五种,根据选择器获取到所有的元素
var div0=document.querySelectorAll("div")
根据选择器,选择到所有的div
评论
亲,登录后才可以留言!