📅  最后修改于: 2023-12-03 15:27:51.840000             🧑  作者: Mango
在 web 开发中,获取选中的元素是十分常见的需求。在 JavaScript 中,可以使用以下几种方式获取选择的元素:
要获取一个元素的 ID,可以使用 document.getElementById()
方法。这个方法会返回一个对象,包含指定 ID 的元素信息。
const element = document.getElementById('example-id');
要获取一组标签同名的元素,可以使用 document.getElementsByTagName()
方法。这个方法会返回一个对象集合,包含指定标签名的全部元素信息。
const elements = document.getElementsByTagName('p');
要获取一组类名相同的元素,可以使用 document.getElementsByClassName()
方法。这个方法会返回一个对象集合,包含指定类名的全部元素信息。
const elements = document.getElementsByClassName('example-class');
要获取一组符合指定 CSS 选择器的元素,可以使用 document.querySelectorAll()
方法。这个方法会返回一个对象集合,包含符合选择器的全部元素信息。
const elements = document.querySelectorAll('.example-class');
要获取一组名称相同的元素,可以使用 document.getElementsByName()
方法。这个方法会返回一个对象集合,包含指定名称的全部元素信息。
const elements = document.getElementsByName('example-name');
以上就是 JavaScript 中获取选择的元素的几种方法,可以根据实际需求灵活运用。