Rumah  >  Artikel  >  hujung hadapan web  >  JavaScript定位元素的方法有哪些

JavaScript定位元素的方法有哪些

WBOY
WBOYasal
2021-12-28 18:19:455601semak imbas

定位元素的方法: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学习教程

Atas ialah kandungan terperinci JavaScript定位元素的方法有哪些. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:bootstrap有哪些特点Artikel seterusnya:javascript中confirm用法是什么