用javascript添加的div未顯示
[英]div added with javascript not showing
問題描述
我正在嘗試使用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>
2 個解決方案
解決方案1
5 已采納 2013-12-19 14:20:41
您已經設置了文本color ，而不是背景顏色。 就在這里，只是它沒有內容，所以您看不到它。 我認為你的意思是：
div.style.backgroundColor = 'blue';
解決方案2
0 2013-12-19 14:41:05
試試這個代碼，它對我有用。
您必須在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>
div上的Java語言添加了Java語言
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.