📜  获取选择的元素 javascript (1)

📅  最后修改于: 2023-12-03 15:27:51.840000             🧑  作者: Mango

JavaScript 中获取选择的元素

在 web 开发中,获取选中的元素是十分常见的需求。在 JavaScript 中,可以使用以下几种方式获取选择的元素:

1. 通过 ID 获取元素

要获取一个元素的 ID,可以使用 document.getElementById() 方法。这个方法会返回一个对象,包含指定 ID 的元素信息。

const element = document.getElementById('example-id');
2. 通过标签名获取元素

要获取一组标签同名的元素,可以使用 document.getElementsByTagName() 方法。这个方法会返回一个对象集合,包含指定标签名的全部元素信息。

const elements = document.getElementsByTagName('p');
3. 通过类名获取元素

要获取一组类名相同的元素,可以使用 document.getElementsByClassName() 方法。这个方法会返回一个对象集合,包含指定类名的全部元素信息。

const elements = document.getElementsByClassName('example-class');
4. 通过 CSS 选择器获取元素

要获取一组符合指定 CSS 选择器的元素,可以使用 document.querySelectorAll() 方法。这个方法会返回一个对象集合,包含符合选择器的全部元素信息。

const elements = document.querySelectorAll('.example-class');
5. 通过名称获取元素

要获取一组名称相同的元素,可以使用 document.getElementsByName() 方法。这个方法会返回一个对象集合,包含指定名称的全部元素信息。

const elements = document.getElementsByName('example-name');

以上就是 JavaScript 中获取选择的元素的几种方法,可以根据实际需求灵活运用。