首页  >  文章  >  web前端  >  JavaScript定位元素的方法有哪些

JavaScript定位元素的方法有哪些

WBOY
WBOY原创
2021-12-28 18:19:455804浏览

定位元素的方法:1、利用getElementById("id");2、利用“name”;3、利用“元素标签名”;4、利用“class”;5、利用“css选择器”。

JavaScript定位元素的方法有哪些

本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

JavaScript定位元素的方法有哪些

除了id是定位到的是单个element元素对象,其它的都是elements返回的是list对象

  • 1.通过id获取

document.getElementById(“id”)

  • 2.通过name获取

 document.getElementsByName(“Name”)

返回的是list

  • 3.通过标签名选取元素

document.getElementsByTagName(“tag”)

  • 4.通过CLASS类选取元素

document.getElementsByClassName(“class”)

兼容性:IE8及其以下版本的浏览器未实现getElementsByClassName方法

  • 5.通过CSS选择器选取元素

document.querySelectorAll(“css selector")

【相关推荐:javascript学习教程

以上是JavaScript定位元素的方法有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn