js中textarea人口赋值在页面显示
时间: 2023-11-15 07:04:16 浏览: 29
要在页面中显示textarea中输入的内容,可以使用JavaScript获取textarea的值并将其插入到HTML页面中。
例如,如果有一个textarea元素:
```html
<textarea id="myTextarea"></textarea>
```
可以使用以下JavaScript代码获取textarea中的内容并将其插入到页面中:
```javascript
var textareaValue = document.getElementById("myTextarea").value;
document.getElementById("myDiv").innerHTML = textareaValue;
```
在上面的代码中,我们首先使用`document.getElementById()`函数获取textarea元素,并使用`.value`属性获取其值。然后,我们将该值插入到页面中具有ID“myDiv”的元素中,可以使用`.innerHTML`属性。
请注意,如果您想在用户输入时动态更新页面,您需要将这些代码放在事件处理程序中,例如`oninput`事件。例如:
```html
<textarea id="myTextarea" oninput="updateDiv()"></textarea>
<div id="myDiv"></div>
```
```javascript
function updateDiv() {
var textareaValue = document.getElementById("myTextarea").value;
document.getElementById("myDiv").innerHTML = textareaValue;
}
```
这将确保在用户输入时,`updateDiv()`函数将被调用并更新页面上的内容。