Question

我正在尝试从我的html代码中的输入中获取文本并在div中打印此输入的值，我想实时执行此操作我试过这个javascript函数

<input id="fname" onkeyup="getVal()" type="text" name="filter_name" value="Nom" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39; " style="width:180px;" >

<div id="icard" class="drag" style="left: 0px; top: 0px; width:10%;  height:10%;">  item</div>

这是js函数：

function getVal()
    {
    var x=document.getElementById("fname");
    x.value=x.value.toUpperCase();
    document.getElementById("icard").update("New text");
    document.getElementById("icard")=x;
    var s =document.getElementById("icard");
    s.value=x.value;
    }

Answer 1

value 属性未与div相关联。因此，您必须使用 innerHTML 作为div

function getVal() {
    var x = document.getElementById("fname");
    document.getElementById("icard").innerHTML = x.value.toUpperCase();
}

选中此JSFiddle

从输入中获取文本并在div中实时打印html

1 个答案: