how to display multiple divs dynamically using javaScript?

Question

0.00/5 (No votes)

See more:

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

<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.

Posted 15-Jan-15 23:29pm

Dinesh92

Updated 27-Feb-21 18:58pm

v2

Add a Solution

2 solutions

Solution 2

Bro can you upload full code after updation

Posted 27-Feb-21 18:58pm

Member 15085880

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dinesh92 · Accepted Answer · 2015-01-15T23:53:00

Solution 1

Ok got the problem:
I didn't included the

$(document).ready(function() {});

function.

Posted 15-Jan-15 23:53pm

Dinesh92

how to display multiple divs dynamically using javaScript?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

how to display multiple divs dynamically using javaScript?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us