JavaScript简单的从输入复制到span

JavaScript simple copy from input to span

本文关键字：复制 span 输入 简单 JavaScript      更新时间：2023-09-26

我需要简单的javascript代码。在html页面上，我有一个文本输入，当你输入文本，点击确定，该文本显示在span标签，或div

我知道如何从一个文本输入复制文本到另一个，但我需要显示文本从第一个输入跨度。这段代码用于从一个文本inp复制。有人能告诉我如何在span tag

中复制
<input type="text" id="inp1" name="input1">
    <input type="text" id="inp2" name="input2">
    <script>
        function myFunction() {
            var unos = document.getElementById("inp1");
            var ispis = document.getElementById("inp2");
            ispis.value = unos.value;
        }
    </script>

如果你有…

<span id="testspan">Sometexthere</span>

你可以用

获取它的内容
var spanContent=document.getElementById("testspan").innerHTML;

返回包含标签的span的HTML内容。

您可以使用…来设置span的内容

document.getElementById("testspan").innerHTML="SomeContent";

这不仅仅适用于span -它适用于任何HTML元素

<input type="text" id="inp1" name="input1" value="5" >
<input type="text" id="inp2" name="input2" value="7">
<p onclick="myFunction()">swap number</p>
<script>
    function myFunction() {
        var unos = document.getElementById("inp1");
        var ispis = document.getElementById("inp2");
        ispis.innerHTML = unos.value;
    }
</script>
相关文章：