js如何选择元素

JavaScript099

js如何选择元素,第1张

有好多种方法，比如：

document.getElementById("xxx")是通过元素Id来取得元素，这是获取单一元素的最快途径。

document.getElementsByName("xxx")则可以根据元素Name来取得一系列的元素，因为name不同意，这样需要通过[index]来取得相对应的元素。

其他还有不少，建议查阅一下资料，以上是用得比较多的。

ID的英文原意是身份证，而身份证是具有唯一性的，所以同一个网页内不要存在相同ID的元素，否则只有第一个元素有效。

你可以给它们分别命名不同的ID。你也可以改用Class，即类，而类是允许重名的。

其实可以完全用CSS来实现你的目的，不需要用到JS：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

#abc .text {

height: 50px

width: 200px

background-color: #6F9

border: 1px solid #169

display: none

}

#abc:hover .text {

display: block

}

</style>

</head>

<body>

<input type="checkbox" />

<div id="abc">

<div>自动登<div>

<div class="text">

尽量不要在网吧内选择0</div>

<div class="text">

尽量不要在网吧内选择1</div>

<div class="text">

尽量不要在网吧内选择2</div>

</div>

</body>

</html>

1、利用基本CSS选择器

2、利用子选择器、容器选择器和特性选择器

3、通过位置选择

4、利用自定义jQuery选择器

几乎使用任何jQuery方法的时候，我们必须做的第一件事，就是选择将被操作的页面元素。有时，想要选择的元素集合是易于描述的，例如“页面上的所有链接元素”。有时，需要比较复杂的描述，比如“拥有CSS类leftchild的偶数的段落 ”。