JavaScript 获取元素值：全面解析 getValue 方法及替代方案122

在 JavaScript 中，获取 HTML 元素的值是前端开发中一项非常基础且频繁的操作。虽然 JavaScript 没有直接提供一个名为 `getValue()` 的方法，但我们可以通过多种方式实现相同的功能，这取决于你想要获取的是哪种类型的元素值。本文将深入探讨各种获取元素值的方法，并讲解其适用场景和注意事项，帮助你更好地理解和运用这些技巧。

首先，我们需要明确一点，`getValue()` 不是 JavaScript 的标准方法。很多初学者可能会误以为存在这样一个方法，这可能是因为在某些 JavaScript 库或框架中，例如 jQuery，存在类似 `val()` 的方法来获取元素值。然而，原生 JavaScript 提供了更灵活和更底层的机制来实现相同的功能。我们需要根据元素的类型选择合适的方法。

1. 获取表单元素的值：这是最常见的场景。表单元素，例如 ``, ``, ``，都有各自获取值的方法。
`` 类型：对于文本输入框 (`type="text"`, `type="password"`, `type="email"` 等)，可以使用 `value` 属性直接获取值：

let inputElement = ("myInput");
let inputValue = ;
(inputValue);

`` 类型：多行文本输入框也使用 `value` 属性获取值：

let textareaElement = ("myTextarea");
let textareaValue = ;
(textareaValue);

`` 类型：下拉列表的选中值可以通过 `value` 属性或者 `selectedOptions` 属性获取：

let selectElement = ("mySelect");
let selectValue = ; // 获取选中项的值
let selectedOption = [0]; // 获取选中项的元素对象
let selectedOptionValue = ; // 获取选中项的值
let selectedOptionText = ; // 获取选中项的文本
(selectValue, selectedOptionValue, selectedOptionText);

`` 和 `` 类型：单选按钮和复选框的值获取略有不同，需要判断是否被选中：

let radioElement = ('input[name="myRadio"]:checked');
let radioValue = radioElement ? : null; //如果未选中则返回null
(radioValue);
let checkboxElements = ('input[name="myCheckbox"]:checked');
let checkboxValues = (checkboxElements).map(checkbox => );
(checkboxValues);

2. 获取其他元素的值：除了表单元素，其他元素的值获取方式也各有不同。
`textContent` 和 `innerText`：这两个属性可以获取元素的文本内容。`textContent` 会获取所有文本内容，包括样式中隐藏的文本；`innerText` 则会忽略隐藏的文本。对于展示文本内容的元素，例如 `

`, `