javascript - trick to get and set CSS style -

joe.bq.wang

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

最近访客更多访客>>

musicull

hillsoul

virtual_garden

mengke111

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

javascript - trick to get and set CSS style

博客分类：

javascript

javascript

while it will not be so much trouble if not for IE; most of the browers will use the attribute style,and you can set string to the via get/setAttribute("style"), but it does not work for ie, ie has a property of style object. but it provide another atribute elem.style.cssText;

below shows the code that you can use to set the style .

<html>
<head>
<title>Style Attribute Test</title>
<script type="text/javascript">
  /**
  *@Name: isXML
  *@Comment: tell if an element is an xml or an html
  */
  function isXML(elem) {
    return (elem.ownerDocument || elem).documentElement.nodeName !== "HTML";
  }

(function () {
  // Create a dummy div to test access the style information
  var div = document.createElement("div");
  div.innerHTML = '<b style="color:red;"></b>';
  // Get the style information from getAttribute
  // (IE uses .cssText insted)
  var hasStyle = /red/.test(div.firstChild.getAttribute("style"));
  this.styleAttr = function (elem, value) {
    var hasValue = typeof value !== "undefined";
    // Use the isXML method from Listing 12-3
    if (!hasStyle && !isXML(elem)) {
      alert("you are there");
      if (hasValue) {
        elem.style.cssText = value + "";
      }
      return elem.style.cssText;
    } else {
      if (hasValue) {
        elem.setAttribute("style", value);
      }
      return elem.getAttribute("style");
    }
  };
})();
window.onload = function(){
  var a = document.getElementById("a");
  // Fails in Internet Explorer
  //alert(a.getAttribute("style"));
  // Alerts out "color:red;"
  alert(styleAttr(a));
};
</script>
</head>
<body>
  <a id="a" href="/" style="color:red;"></a>
</body>
</html>

分享到：

javascript - trick to set/get attributes ... | javascript - trick to normalize href for ...

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

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript - trick to get and set CSS style

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript - trick to get and set CSS style

评论

发表评论

相关推荐

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 set/get attributes that expects px values

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

最近访客更多访客>>