appendChild怎么添加样式

思路：LZ吧button添加到父div之后，获取其id,然后在设置

解决方案 »

  1.   

    起作用的var b = document.createElement('button');b.className = 'xxx';    //设置类b.style['background-color'] = '#000';   //设置行内样式
      

  2.   


     <!DOCTYPE HTML><html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>Test</title>
    <style type="text/css">
    </style>
    </head>
    <body>
    <div  style="height:100px;width:100px;margin:0 auto;border:1px solid red" id="mydiv">
    </div>
    <script type="text/javascript">
    var mybutton = document.createElement("button");
    mybutton.setAttribute("id","mybtn");
    mybutton.setAttribute("value","Test");
    document.getElementById('mydiv').appendChild(mybutton);
    document.getElementById("mybtn").style.backgroundColor="blue";
    document.getElementById("mybtn").style.width=40+"px";
    document.getElementById("mybtn").style.height=30+"px";
    </script>
    </body>
    </html>