怎么生成

很难明白你的意思
dom.style.width会获得width
dom.style.height会获得height  但需是行内样式

解决方案 »

  1.   


    <div class="fwe" id="div" style="width:30px;height:40px;" > </div>
    <div id="div2"></div>
    <script>
        var div = document.getElementById('div');
        var div2 = document.getElementById('div2');
        var text = div.style.cssText;
        var only = text.split(';');
        for(var i=0; i<only.length; i++){
            var val = only[i].split(':');
            var v1 = val[0].replace(/^\s+/, '');
            var v2 = val[1].replace(/^\s+/, '');
            div2.setAttribute(v1 + 'sx', v2);
        }
        console.log(div.style.cssText);
        console.log(div2);
    </script>
      

  2.   

    参考下面demo<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    function setWH(){
    var d1 = document.getElementById("d1");
    var d2 = document.getElementById("d2");
    var width = d1.style.width;
    var height = d1.style.height;
    //alert(width+"=="+height);
    d2.style.width = width ;
    d2.style.height = height ;
    }
    </script>
    </head>
    <body>
    <div id="d1" style="width:30px;height:40px;">1</div>
    <div id="d2">2</div>
    <button onclick="setWH();">Set</button>
    </body>
    </html>
      

  3.   

     dom.style.width 这个只有内联样式才会有值，且类型时 string 类型，eg: "100px"所以一般获取元素的宽度时，采用 clientWidth 或　offsetWidth ，在 js 中设置元素宽度时：var w = dom.offsetWidth;  
    dom.style.width = w + "px"; 
    var h = dom.offsetHeight;
    dom.style.height = h + "px";