js代码怎么获取input内容
时间: 2023-09-05 20:01:51 浏览: 107
在JavaScript中,获取<input>内容有多种方法。以下是几种常见的方法:
1. 使用getElementById()方法获取<input>元素的值:
```javascript
var input = document.getElementById("inputId").value;
```
2. 使用querySelector()方法获取<input>元素的值:
```javascript
var input = document.querySelector("#inputId").value;
```
3. 使用getElementsByClassName()方法获取<input>元素的值(如果有多个相同类名的元素,需要进一步指定索引):
```javascript
var input = document.getElementsByClassName("inputClass")[0].value;
```
4. 使用getElementsByTagName()方法获取<input>元素的值(如果有多个相同标签的元素,需要进一步指定索引):
```javascript
var input = document.getElementsByTagName("input")[0].value;
```
5. 使用getAttribute()方法获取<input>元素的属性值,例如ID或者name属性:
```javascript
var input = document.querySelector("input").getAttribute("id");
// 或者
var input = document.querySelector("input").getAttribute("name");
```
这些方法可以根据具体的HTML结构和需要选择合适的方法来获取<input>元素的内容。