div添加了javascript没有显示

Question

我正在尝试使用javascript添加div.div出现在代码和chromes开发人员工具中,但没有显示在实际窗口中？

为什么会发生这种情况,我该如何纠正？

码:

<div id='body'>
    <div id='inner'>div here</div>
</div>

<script>

function add() {
var inner = document.getElementById('inner');

    var div = document.createElement('div');
    div.style.height = '300px';
    div.style.width = '100px';
    div.style.color = 'blue';
    inner.appendChild(div);

}

add();



</script>

Answer 1

您已设置文本color,而不是背景颜色.它就在那里,它只是没有内容所以你看不到它.我猜你是这个意思:

div.style.backgroundColor = 'blue';