button控制div的样式

  • <head>
  • <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
  • <title>无标题文档</title>
  • <style>
  • #div1 {width:200px;height:200px;background:#000;}
  • </style>
  • <script>
  • function test(a,b)
  • {
  • document.getElementById(“div1”).style[a]=b;
  • }
  • </script>
  • </head>
  • <body>
  • <input type=”button” value=”width”onclick=”test(‘width’,’500px’)” />
  • <input type=”button” value=”height”onclick=”test(‘height’,’500px’)” />
  • <input type=”button” value=”yellow” onclick=”test(‘background’,’#281640′)” />
  • <div id=”div1″></div>
  • </body>

未经允许不得转载:朱邦邦的博客 » button控制div的样式

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址