Javascript文本字段

问题:

使用事件侦听器，我希望在单击按钮时，文本字段中的值显示在相应的div中。[对象HTMLInputElement] 单击按钮时，将在div中显示。我认为textOne变量保存的是文本字段本身，而不是它的内容。我怎样才能解决这个问题

html:

<form>
<input type="text" id="textOne" value="one"/><br>
<input type="text" id="textTwo" value="two"/><br>
<input type="button" id="btn" value="Enter"/><br>
textOne: <div id="one" style="width: 100px; height: 20px; border: 1px solid black;"></div><br>
textTwo: 
<div id="two" style="width: 100px; height: 20px; border: 1px solid black;"></div>
</form>

---

您需要访问它们的值。使用.value属性访问其值。使用getElementById，您可以将整个HTMLElement作为对象，在您的例子中是HTMLInputElement。您可以访问该对象的许多其他属性

var divOne=document.getElementByIdone； var divTwo=document.getElementByIdtwo； var textOne=document.getElementByIdtextOne； var textwo=document.getelementbyidtextwo； var btn=document.getElementByIdbtn； 函数inDiv{ divOne.innerHTML=textOne.value； divTwo.innerHTML=textwo.value； } btn.addEventListenerclick，inDiv； 文本一： 文本二： 我认为textOne变量保存着文本字段本身 而不是它的内容

不，没有。 document.getElementByIdone；返回html元素输入本身。 要获取其值，请参阅此输入的value属性：

var value = document.getElementById("one").value;

var one=document.getElementByIdone； var two=document.getElementByIdtwo； var inp1=document.getElementByIdtextOne； var inp2=document.getelementbyidtext2； var btn=document.getElementByIdbtn； btn.addEventListenerclick，函数{ one.innerHTML=inp1.value； two.innerHTML=inp2.value； } 文本一： 文本二：

---

divOne等是HTMLInputElement的。。。你需要他们的价值属性

var value = document.getElementById("one").value;