Javascript 将用户输入发送到div
您好,我这里有一个关于向html文档的div部分发送用户输入的快速问题。我之前问过这个问题,它似乎太宽泛了,所以这次我将尝试更具体一些 我试图将用户输入发送到send按钮的div onclick,但每次代码只是更改文本,而不是打印下一个文本。我很好奇我在这方面做错了什么。谢谢阅读,这是我的代码Javascript 将用户输入发送到div,javascript,html,Javascript,Html,您好,我这里有一个关于向html文档的div部分发送用户输入的快速问题。我之前问过这个问题,它似乎太宽泛了,所以这次我将尝试更具体一些 我试图将用户输入发送到send按钮的div onclick,但每次代码只是更改文本,而不是打印下一个文本。我很好奇我在这方面做错了什么。谢谢阅读,这是我的代码 <div id="out"</div> <input type="text" name="textIn" id="txtin"> <input type="button
<div id="out"</div>
<input type="text" name="textIn" id="txtin">
<input type="button" value="Hit me" onclick="hello()"></input>
<script>
function hello() {
document.getElementById("out").innerHTML =
document.getElementById('txtin').value + "<br />"
}
</script>
您有一些语法错误,请修复它,它将正常工作
函数hello(){
document.getElementById(“out”).innerHTML+=
document.getElementById('txtin').value+“
”
}
如果要附加到现有文本,请在函数中使用+=而不是=:
function hello() {
document.getElementById("out").innerHTML +=
document.getElementById('txtin').value + "<br />"
}
函数hello(){
document.getElementById(“out”).innerHTML+=
document.getElementById('txtin').value+“
”
}
您可以使用在结束之前传递第一个参数
:
var out=document.getElementById('out'),
txtin=document.getElementById('txtin');
函数hello(){
out.insertAdjacentHTML('beforeend',txtin.value+'
');
}
首先修复此问题:
然后@Jay Buckman回答正确非常感谢,我以后会尽量记住这一点:D