文本没有显示在div中。价值不起作用

时间:2017-01-11 13:42:58

标签: javascript html css

我认为我做的一切都是正确的,但有些事情仍然是错误的。

<div class="blok" id="klein_vak">
        Tekst: <input type="text" id="textbox"> <br><br>
        <button class="knop_vak" onclick="myFunction5()">Voeg tekst toe aan div</button> <br><br>
</div>

<div class="blok" id="content_div"></div>

对于class / div名称和按钮中的文字感到抱歉,我是荷兰人,就是这样。 我现在想要的是,我在输入字段中填写的文本(inputfield =“textbox”的id)必须显示在“content_div”中。 所以我所做的是:

var content = document.getElementById("textbox").value;
        function myFunction5(){
            document.getElementById("content_div").innerHTML = content;
        }

但这没什么。我试图删除.value,但是如果我点击[Object HTML]这样的按钮,而不是我填写的文本,那就说了。

我做错了什么?

1 个答案:

答案 0 :(得分:2)

使用以下

更改代码
function myFunction5(){
    var content = document.getElementById("textbox").value;
    document.getElementById("content_div").innerHTML = content;
}

function myFunction5(){
    document.getElementById("content_div").innerHTML = document.getElementById("textbox").value;
}