通过 id 两个 id 获取元素 - Javascript

在 Javascript 中，我们可以通过元素的 id 来获取到它。而如果我们想获取多个元素，怎么做呢？

有两种方法可以通过 id 获取元素：

getElementById

这是最基本的通过 id 获取元素的方法，它只能获取到单个元素。它的用法如下：

const element = document.getElementById(id);

其中，id 是你要获取的元素的 id。这个方法返回一个元素对象，如果没有找到相应的元素，它会返回 null。使用时，你可以通过以下方式来获取元素的属性：

const element = document.getElementById(id);
const value = element.value;    // 获取元素的值
const text = element.textContent;  // 获取元素的文本内容

querySelectorAll

这个方法可以获取多个元素，它接受一个 CSS 选择器作为参数，并返回一个 NodeList 对象，其中包含了所有符合选择器的元素。它的用法如下：

const elements = document.querySelectorAll(selector);

其中，selector 是一个 CSS 选择器，表示要获取的元素的类型或属性。例如，要获取所有的 <div> 元素，可以这样写：

const divs = document.querySelectorAll('div');

同样，你可以通过以下方式来获取元素的属性：

const elements = document.querySelectorAll(selector);
for (const element of elements) {
    const value = element.value;    // 获取元素的值
    const text = element.textContent;  // 获取元素的文本内容
}

以上就是通过 id 两个 id 获取元素的方法介绍。希望对你有所帮助。