HTML DIV标签数据

Question

左边Div标签永text文本框输入数据
点击button提交按钮
在右边Div标签显示刚刚输入的数据

Answer 1

题主要的代码如下，

<div style="float:left;text-align:center;background:#999;margin-right:20px;">
    数据信息获取<br /><br />
    <input type="text" id="t" /><br /><br /><br />
    <input type="button" value="添加" onclick="add()" />
</div>
<div style="background:#999;display:inline-block;width:300px">
    <div id="msg"></div>
</div>
<script>
    var t = document.getElementById('t')
    var msg = document.getElementById('msg')
    function add() {
        if (t.value) {
            var div = document.createElement('div');
            div.innerHTML = t.value;
            msg.appendChild(div)
            t.value=''
        }
    }

</script>

有帮助或启发麻烦点下【采纳该答案】，谢谢~~有其他问题可以继续交流~