Javascript 动态创建DIV，不是动态地获取高度和宽度_Javascript_Jquery

Javascript 动态创建DIV，不是动态地获取高度和宽度

javascript jquery

Javascript 动态创建DIV，不是动态地获取高度和宽度,javascript,jquery,Javascript,Jquery,我想根据一些计算动态创建div。我可以动态创建div，但唯一的问题是它不会动态地获取高度和宽度。如果可能，请任何人共享他们的视图或代码这是我用来给你参考的脚本 <script type="text/javascript" language="javascript"> function createDiv() { var totalheight=400; var totalwidth = 600; v

我想根据一些计算动态创建div。我可以动态创建div，但唯一的问题是它不会动态地获取高度和宽度。如果可能，请任何人共享他们的视图或代码

这是我用来给你参考的脚本

<script type="text/javascript" language="javascript">
   function createDiv()
   {
            var totalheight=400;
            var totalwidth = 600;
            var height = 80;
            var width = 40;
            var divheight = totalheight / height;
            var divwidth = totalwidth / width;
            var id=1;

            for(var i=1;i<=divheight;i++)
            {
                var eh=divwidth;
                var fh=1;
                for (var w = 1; w <= divwidth; w++)
                {
                   var div=document.createElement("<div id='"+id+"' style=\"background:#F0E68C;width:'"+width+"'px;height:'"+height+"'px;border:solid 1px #c0c0c0;padding: 0.5em;text-align: center;float:left;\"></div>"); 
                   document.body.appendChild(div);
                   eh=eh+divheight;
                   fh=fh+divheight;
                   id++;
                }
                 var div1=document.createElement("<br/>");
                 document.body.appendChild(div1);
            }     
    }
    </script>


函数createDiv（）
{
var totalheight=400；
var totalwidth=600；
var高度=80；
var宽度=40；
var divheight=总高度/高度；
var divwidth=总宽度/宽度；
var-id=1；
for（var i=1；i看起来您没有向div添加任何内容，因此您不会看到任何内容，除非您有一些视觉样式（如border）可以在屏幕上看到它
这里没有什么值得注意的

如果要在线设置高度和宽度，请指定单位
也如px
，em
等
添加一些视觉样式，使其显示在屏幕上

试试这个..希望这就是你想要做的
<html>

<script type="text/javascript" >
 function newDiv(){
            var totalheight=400,ht = 80 , totalwidth = 600 ,wd = 40 ,i;
            var divheight = totalheight / ht;
            var divwidth = totalwidth / wd;
            var id=1;

            for(var i=1;i<=divheight;i++)
            {
                var eh=divwidth;
                var fh=1;
                for (i = 1; i <= divwidth; i++)
                {
                   var div=document.createElement("div")
                   div.setAttribute("id","newDivId"+id)
                   div.setAttribute("class","newDiv")
                   div.style.width =wd+"px";
                   div.style.height =ht+"px";
                   document.body.appendChild(div);
                   eh=eh+divheight;
                   fh=fh+divheight;
                   id++;
                }
                 var div1=document.createElement("<br/>");
                 document.body.appendChild(div1);
            }     
    }
</script>
<style type="text/css">
.newDiv{
    background-color:#F0E68C;
    border:1px solid #c0c0c0;
    padding: 0.5em;
    text-align:center;
    float:left;
}
</style>
<body>
    <input type="button" onclick="newDiv()" value="Click Me">
</body>
</html>


函数newDiv（）{
var totalheight=400，ht=80，totalwidth=600，wd=40，i；
var divheight=总高度/ht；
var divwidth=总宽度/wd；
var-id=1；
对于（var i=1；iBecouse此
不包含任何内容，因此它不会显示，请尝试向其添加元素，或添加min hegiht
您是否尝试过div.setAttribute（'height'，'amount'））？谢谢MGA，我可以看到DIV作为我的输出，但它需要一些其他的高度和宽度。你能详细说明你想说什么吗。如果你举个例子会更有帮助。你好，瓦拉达谢谢，你提供的代码示例很好。但是对我的输出没有影响Hanks Shankar，请检查我输入的代码我一分钟前编辑过。