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';

Answer 2

试试这段代码，它对我有用。

您必须在正文标记

中添加 onload（）

<html>
<head>
<script>
function add() {

var inner = document.getElementById('inner');
var div = document.createElement("div");
div.style.width = "300px";
div.style.height = "100px";
div.style.background = "blue";


inner.appendChild(div);
}

</script>
</head>

<body onload ="add()">

<div id="inner"></div>

</body>
</html>

div添加了javascript没有显示

2 个答案: