怎么获取表单中的元素
时间: 2023-08-10 10:04:13 浏览: 93
JavaScript获取表单内所有元素值的方法
在 JavaScript 中,可以通过以下方式获取表单中的元素:
1. 使用 `document.getElementById()` 方法获取指定 ID 的元素。例如:
```html
<input type="text" id="username">
```
```javascript
const usernameInput = document.getElementById("username");
```
2. 使用 `document.getElementsByName()` 方法获取指定名称的元素。例如:
```html
<input type="text" name="username">
```
```javascript
const usernameInput = document.getElementsByName("username")[0];
```
3. 使用 `document.getElementsByTagName()` 方法获取指定标签名的元素。例如:
```html
<input type="text">
```
```javascript
const inputs = document.getElementsByTagName("input");
const usernameInput = inputs[0];
```
4. 使用 `document.querySelector()` 方法获取指定选择器的第一个匹配元素。例如:
```html
<input type="text" name="username">
```
```javascript
const usernameInput = document.querySelector("input[name='username']");
```
5. 使用 `document.querySelectorAll()` 方法获取指定选择器的所有匹配元素。例如:
```html
<input type="text" class="input">
<input type="password" class="input">
```
```javascript
const inputs = document.querySelectorAll(".input");
const usernameInput = inputs[0];
const passwordInput = inputs[1];
```
以上是常用的获取表单元素的方法,根据具体情况选择合适的方法即可。
阅读全文