js获取表单数据的方式
时间: 2023-12-09 15:03:02 浏览: 79
1. 通过表单元素的id属性获取单个表单元素,然后通过元素的value属性获取表单元素的值。
例如:
```javascript
var username = document.getElementById("username").value;
```
2. 通过表单元素的name属性获取表单元素,然后通过元素的value属性获取表单元素的值。
例如:
```javascript
var username = document.getElementsByName("username")[0].value;
```
3. 通过表单元素的标签名获取表单元素,然后通过元素的value属性获取表单元素的值。
例如:
```javascript
var username = document.getElementsByTagName("input")[0].value;
```
4. 通过表单元素的类名获取表单元素,然后通过元素的value属性获取表单元素的值。
例如:
```javascript
var username = document.getElementsByClassName("form-control")[0].value;
```
5. 通过form元素的id属性获取整个表单,然后通过表单元素的name属性获取表单元素的值。
例如:
```javascript
var form = document.getElementById("myForm");
var username = form.elements["username"].value;
```
6. 通过表单元素的type属性判断表单元素的类型,然后通过元素的value属性获取表单元素的值。
例如:
```javascript
var username = document.querySelector('input[type="text"]').value;
```
阅读全文