javascript - trick to set/get attributes that expects px values -

joe.bq.wang

浏览: 399716 次
性别:
来自: 上海

最近访客更多访客>>

musicull

hillsoul

virtual_garden

mengke111

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

javascript - trick to set/get attributes that expects px values

博客分类：

javascript

javascript

When setting a number into a style property you must specify the unit in order for it to work across all browsers.

<html>
<head>
<title>Pixel Style Test</title>
<script type="text/javascript">
  (function () {
    // setting of numbers to properties that normal consume pixels, you have to append the unit, in this case, it is the px itself.
    var check = /z-?index|font-?weight|opacity|zoom|line-?height/i;
    this.pxStyle = function (elem, name, value) {
      var nopx = check.test(name);
      if (typeof value !== "undefined") {
        if (typeof value === "number") {
          // when you set the number to attribute of Style that expects some px unit, you should append "px" to the end. 
          value += nopx ? "" : "px";
        }
        elem.style[name] = value;
      }
      return nopx ?
        elem.style[name] :
        // always return the value parseFloat.
        parseFloat(elem.style[name]);
    };

  })();

</script>
  <script type="text/javascript">
    window.onload = function () {
      var elem = document.getElementById("div");
      alert
      pxStyle(elem, "top", 5);
      // Alerts out '5'
      alert(pxStyle(elem, "left"));
    };
  </script>
</head>
<body>
 <div style="top:10px;left:5px;" id="div" ></div>

</body>
</html>

分享到：

wpf - how to create and save any visual ... | javascript - trick to get and set CSS st ...

2012-08-16 11:00
浏览 516
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript - trick to set/get attributes that expects px values

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript - trick to set/get attributes that expects px values

评论

发表评论

相关推荐

javascript - trick to cross browser DOM ready event

javascript - trick to simulate mouseenter and mouseleave

javascript - trick to simulate the change event

javascript - trick to simulate bubbling submit event

javascript - trick to implement bubbling submit event

javascript - trick to detect bubbling supportability

javascript - trigger event and custom events

javascript - trick to handlers management

javascript - trick to centralized store

javascript - trick to fix the event object

javascript - tricks to deal with colors

javascript - trick to manipulate the opacity

javascript - trick to test visibility of an element

javascript - trick to get and set height and width

javascript - trick to get and set CSS style

javascript - trick to normalize href for IE

javascript - trick IE form and its expando attribute

javascript expando and attributes

javascript - trick to getText and setText

javascript - trick/guideline to remove DOM element

最近访客更多访客>>