JavaScript从输入到span的简单复制

时间:2014-07-03 08:16:01

标签: javascript

我需要简单的javascript代码。在html页面上,我有一个文本输入,当您在该输入中输入文本并单击“确定”时,该文本将显示在span标记或div中

我知道如何将文本从一个文本输入复制到另一个文本输入,但我需要显示跨度第一个输入的文本。我用这个代码从一个文本inp复制。另一个,但有人可以告诉我如何从第一个跨度标签复制

<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>

2 个答案:

答案 0 :(得分:0)

如果你有..

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

您可以使用

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

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

您可以使用...

设置范围的内容
document.getElementById("testspan").innerHTML="SomeContent";

这不仅适用于跨度 - 它适用于任何HTML元素。

答案 1 :(得分:0)

<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>