如何在 JavaScript 中使用 getElementsByName 获取输入值

在 JavaScript 中，可以使用 getElementsByName() 方法来获取具有特定名称的所有 HTML 元素。这个方法将返回一个 NodeList 对象，该对象包含所有匹配名称的元素。你可以使用 length 属性来确定 NodeList 的长度，并使用索引来访问 NodeList 中的元素。

示例

以下是一个输入元素和一个按钮的示例 HTML 代码：

<input type="text" name="myInput">
<button onclick="getInputValue()">Get Input Value</button>

我们将使用 JavaScript 来获取该输入元素的值。在 onclick 事件处理程序中，我们将调用函数 getInputValue()。

function getInputValue() {
  var inputElement = document.getElementsByName("myInput")[0];
  var inputValue = inputElement.value;
  alert("Input value is: " + inputValue);
}

这个例子中，我们首先使用 getElementsByName() 方法获取名称为 myInput 的所有元素。由于该方法返回一个 NodeList 对象，因此我们需要使用 [0] 来访问该 NodeList 中的第一个元素。接下来，我们使用 value 属性来获取输入元素的值，并将其存储在一个变量中。最后，我们使用 alert() 方法来显示输入元素的值。

Markdown 代码

以下是前面示例的 Markdown 代码：

# 如何在 JavaScript 中使用 getElementsByName 获取输入值

在 JavaScript 中，可以使用 `getElementsByName()` 方法来获取具有特定名称的所有 HTML 元素。这个方法将返回一个 NodeList 对象，该对象包含所有匹配名称的元素。你可以使用 `length` 属性来确定 NodeList 的长度，并使用索引来访问 NodeList 中的元素。

## 示例

以下是一个输入元素和一个按钮的示例 HTML 代码：

```html
<input type="text" name="myInput">
<button onclick="getInputValue()">Get Input Value</button>

我们将使用 JavaScript 来获取该输入元素的值。在 onclick 事件处理程序中，我们将调用函数 getInputValue()。

function getInputValue() {
  var inputElement = document.getElementsByName("myInput")[0];
  var inputValue = inputElement.value;
  alert("Input value is: " + inputValue);
}

这个例子中，我们首先使用 getElementsByName() 方法获取名称为 myInput 的所有元素。由于该方法返回一个 NodeList 对象，因此我们需要使用 [0] 来访问该 NodeList 中的第一个元素。接下来，我们使用 value 属性来获取输入元素的值，并将其存储在一个变量中。最后，我们使用 alert() 方法来显示输入元素的值。