Question

我希望能够单击一个按钮，然后将该信息放入页面的另一部分（在一个框中）。但是，我也希望能够从该框中删除它。

使用html和javascript做到这一点的最佳方法是什么？

谢谢

Answer 1

使用html，css和jQuery，您可以获得所需的输出。请检查以下代码。

function getHtml() {
  var test = $("#input").text();
  $("#output").show();
  $("#remove").show();
  $("#output").text(test);

}

function remove() {
  $("#output").hide();
  $("#remove").hide();

}

#output {
  display: none;
}

#remove {
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="input">
  Input: welcome
</div>
<button onClick="getHtml()">Click</button>
<div id="output">
</div>
<button id="remove" onClick="remove()">Remove</button>

单击按钮，它将信息发送到页面上的另一个框中

1 个答案: