js获取input输入框内容并显示在网页上
时间: 2024-05-02 10:19:31 浏览: 11
你可以使用以下代码获取input输入框内容并显示在网页上:
```javascript
var input = document.getElementById("input-id").value;
document.getElementById("output-id").innerHTML = input;
```
注意要替换掉"input-id"和"output-id"两个元素的ID为你实际使用的ID。
相关问题
获取input输入框的内容 动态
获取input输入框的内容可以通过JavaScript来实现。以下是一个简单的示例:
HTML代码:
```
<input type="text" id="myInput">
<button onclick="getInputValue()">获取输入框内容</button>
```
JavaScript代码:
```
function getInputValue() {
var inputBox = document.getElementById("myInput");
var inputValue = inputBox.value;
alert("输入框内容是:" + inputValue);
}
```
在这个示例中,我们首先获取了ID为“myInput”的输入框元素,并将其存储在变量inputBox中。然后通过inputBox.value属性获取输入框的内容,并将其存储在变量inputValue中。最后,使用alert()函数显示输入框的内容。当用户单击“获取输入框内容”按钮时,将调用getInputValue()函数,这将获取输入框内容并将其显示在警告框中。
请注意,您还可以通过其他方式获取输入框的内容,例如使用jQuery库或其他JavaScript库。
获取input输入框的内容
您可以通过JavaScript或jQuery来获取input输入框的内容。如果您使用的是原生JavaScript,可以使用以下代码:
```
var inputContent = document.getElementById("inputID").value;
```
其中,"inputID"是您需要获取内容的input输入框的id。如果您使用的是jQuery,可以使用以下代码:
```
var inputContent = $("#inputID").val();
```
同样,"inputID"是您需要获取内容的input输入框的id。