添加了没有显示javascript的div
我正在尝试使用javascript添加一个div。div出现在代码和chromes开发工具中，但没有显示在实际窗口中 为什么会发生这种情况，我该如何纠正 代码：添加了没有显示javascript的div,javascript,html,Javascript,Html,我正在尝试使用javascript添加一个div。div出现在代码和chromes开发工具中，但没有显示在实际窗口中 为什么会发生这种情况，我该如何纠正 代码： 在这里潜水 函数add（）{ var inner=document.getElementById（'inner'）； var div=document.createElement（'div'）； div.style.height='300px'； div.style.width='100px'； div.style.color='蓝色
在这里潜水
函数add（）{
var inner=document.getElementById（'inner'）；
var div=document.createElement（'div'）；
div.style.height='300px'；
div.style.width='100px'；
div.style.color='蓝色'；
内部子对象（div）；
}
添加（）；
颜色div.style.backgroundColor = 'blue';
您已设置文本
颜色div.style.backgroundColor = 'blue';
试试这个代码，它对我有用 您必须在body标记中添加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>
函数add（）{
var inner=document.getElementById（'inner'）；
var div=document.createElement（“div”）；
div.style.width=“300px”；
div.style.height=“100px”；
div.style.background=“蓝色”；
内部子对象（div）；
}
<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>
函数add（）{
var inner=document.getElementById（'inner'）；
var div=document.createElement（“div”）；
div.style.width=“300px”；
div.style.height=“100px”；
div.style.background=“蓝色”；
内部子对象（div）；
}