如何使用javaScript动态显示多个div？

本文介绍了如何使用javaScript动态显示多个div？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

你好，我是网络编程的新手，并要求使用javaScript动态显示多个div

这是我正在尝试的代码，但没有显示输出：

hello,I am new to web programming and asked to show multiple divs dynamically using javaScript
this is the code i am trying but no output is showing:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Untitled Document</title>

<style type="text/css">
.inlineDiv{
    display:inline-block;
    float:left;
}

#holder {
    width:100%;
}
</style>

<script type="text/javascript">

var colors = new Array("ff0000","00ff00","0000ff","ff00ff","beeeef");
var n = 5;

for(var i=0;i<n;i++){
    var div = document.createElement('div');
    div.className = "inlineDiv";
    div.style.backgroundColor = "#" + colors[i];
    div.style.width = ($('#holder').width() / n) + "px";
    div.style.height = "500px";
    document.getElementById('holder').appendChild(div);
}

</script>



</head>

<body>

<div id="holder"></div>
</body>
</html>

请帮我解决我所犯的错误。

Kindly help me out the mistake i have done.

mistake

如何使用javaScript动态显示多个div？

问题描述

推荐答案