Question

我现在正在学习JS，并遇到了一个简单的脚本编写问题。

document.getElementById("sender").onclick = function() {
  document.getElementById("queryDiv").innerHTML = document.getElementById("queryDiv").innerHTML + document.getElementById("query").innerHTML;
};

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>

<body>
  <input type="text" placeholder="Type text here" id="query"></input>
  <button id="sender">send</button>
  <div id="queryDiv"></div>
</body>

</html>

如何在我可以输入内容的方框旁边显示文字？
此外，发送后消除文本框中的文字的代码是什么？

Answer 1

确保此代码出现在您要使用的html元素之后的脚本标记中。

document.getElementById("sender").addEventListener('click', function() {
    document.getElementById("queryDiv").innerHTML += document.getElementById("query").value;
    document.getElementById("query").value = "";

});

使用Javascript从框中显示文本

1 个答案: