欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript定位元素的方法有哪些

程序员文章站 2022-03-04 10:00:50
...

定位元素的方法: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定位元素的方法有哪些的详细内容,更多请关注其它相关文章!