Question

我希望在div元素textarea中使用text输入ID为typed的文字，我该怎么办？

头

<script> 
function field()
{ 

var txt = document.getElementById("text").value;
if (txt.length > 0){
document.getElementById("typed").value = txt; 

}

}

</script>

体

<input type="text" id="text"></input>

<br>
<b> You Typed : <div id="typed"></div> </b>
<br>
<input type="button" value="Submit" onclick="field()">

Answer 1

.value用于输入元素。要在DIV中添加内容，请使用.innerText：

document.getElementById("typed").innerText = txt;

<{> DEMO <input>

<{> DEMO <textarea>

Answer 2

更改功能，如下所示

function field()
{ 
  var txt = document.getElementById("text").value;
  if (txt.length > 0)
  {
     document.getElementById("typed").innerText= txt; 
  }
}

Answer 3

你可以用这个：

    <html>
<head>

<script> 
function field()
{ 

var txt = document.getElementById("text").value;
if (txt.length > 0){
document.getElementById("typed").innerText = txt; 
console.log(txt);
}

}

</script>

</head>

<body>
<input type="text" id="text"></input>

<br>
<b> You Typed : <div id="typed"></div> </b>
<br>
<input type="button" value="Submit" onclick="field()">
</body>

</html>

Answer 4

document.getElementById("typed").innerHtml = document.getElementById("text").value;

如何在div元素中获取textarea值？

4 个答案: