js小实例(改变宽度)

来源:互联网 发布:知乎邮箱注册首页 编辑:程序博客网 时间:2024/05/06 18:54
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>简单练习,设置宽度</title>
  5.     <script type="text/javascript">
  6.         function f(o){
  7.             //alert(o.style.width);如果没有设置style则取值为空
  8.             oo.style.width = o.offsetWidth+10+"px";
  9.             //o.style.width = "200px";
  10.         }
  11.     </script>
  12. </head>
  13. <body>
  14. <input id="i1" type="text" style="width:100px;" />
  15. <input id="b1" type="button" value="change" onclick='f(i1);' />
  16. </body>
  17. </html>