当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Web API---DOM---总结获取元素的方式

Web API---DOM---总结获取元素的方式

2019年12月05日  | 移动技术网IT编程  | 我要评论

总结获取元素的方式

1. 根据id属性的值获取元素,返回来的是一个元素对象
document.getelementbyid("id属性的值");
document.getelementbyid("btn");

 

2. 根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的dom对象
document.getelementsbytagname("标签名字");
document.getelementsbytagname("li");

 

下面的几个,有的浏览器不支持
 
3. 根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的dom对象
document.getelementsbyname("name属性的值")
document.getelementsbyname("name1")

 

4. 根据类样式的名字来获取元素,返回来的是一个伪数组,里面保存了多个的dom对象
document.getelementsbyclassname("类样式的名字")
document.getelementsbyclassname("cls")

 

5. 根据选择器获取元素,返回来的是一个元素对象
document.queryselector("选择器的名字");
document.queryselector("#btn"); //id，类，标签等选择器用的比较多

 

6. 根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的dom对象
document.queryselectorall("选择器的名字")
 
 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网