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

【问题标题】：get text from input and print it in a div in real time html从输入中获取文本并在 div 中实时打印 html
【发布时间】：2013-11-06 12:55:06
【问题描述】：

我正在尝试从我的 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;
    }

【问题讨论】：

标签： javascript html text input real-time

【解决方案1】：

value 属性未与div 关联。所以你必须使用 innerHTML 作为 div

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

查看JSFiddle

【讨论】：