使用 JavaScript 从选择元素中获取值或文本

在 JavaScript 中，我们经常需要从选择的元素中获取值或文本，以便进行后续操作。下面介绍了几种常见的方法来实现这个目标。

使用 getElementById 获取元素值或文本

可以使用 getElementById 方法来获取具有指定 id 值的元素。该方法返回一个对象，我们可以通过 value 属性来获取元素的值，或者通过 textContent 或 innerText 属性来获取元素的文本内容。

const element = document.getElementById('elementId');
const value = element.value; // 获取元素值
const textContent = element.textContent; // 获取元素文本内容
const innerText = element.innerText; // 获取元素文本内容

使用 querySelector 获取元素值或文本

可以使用 querySelector 方法来获取选择器匹配的第一个元素。该方法返回一个对象，我们可以通过 value 属性来获取元素的值，或者通过 textContent 或 innerText 属性来获取元素的文本内容。

const element = document.querySelector('selector');
const value = element.value; // 获取元素值
const textContent = element.textContent; // 获取元素文本内容
const innerText = element.innerText; // 获取元素文本内容

使用 getElementsByClassName 获取多个元素值或文本

可以使用 getElementsByClassName 方法来获取具有指定类名的所有元素。该方法返回一个类似数组的对象，我们可以通过索引访问每个元素，并使用 value 属性来获取元素的值，或者使用 textContent 或 innerText 属性来获取元素的文本内容。

const elements = document.getElementsByClassName('className');
for (let i = 0; i < elements.length; i++) {
  const value = elements[i].value; // 获取元素值
  const textContent = elements[i].textContent; // 获取元素文本内容
  const innerText = elements[i].innerText; // 获取元素文本内容
}

使用 querySelectorAll 获取多个元素值或文本

可以使用 querySelectorAll 方法来获取选择器匹配的所有元素。该方法返回一个类似数组的对象，我们可以通过索引访问每个元素，并使用 value 属性来获取元素的值，或者使用 textContent 或 innerText 属性来获取元素的文本内容。

const elements = document.querySelectorAll('selector');
elements.forEach(function(element) {
  const value = element.value; // 获取元素值
  const textContent = element.textContent; // 获取元素文本内容
  const innerText = element.innerText; // 获取元素文本内容
});

以上是几种常见的从选择元素中获取值或文本的方法。根据实际情况选择适合的方法来获取元素的值或文本内容，并根据业务需求进行后续操作。