javascript - 跨浏览器，javascript getAttribute() 方法？

Question

试图确定一个合适的、跨浏览器的方法来使用 javascript 获取属性？假设使用 javascript 库(jQuery/Mootools/等)不是一种选择。

我尝试了以下方法，但当 IE 尝试使用“else”方法时，我经常收到“attributes”is null or not an object 错误。有人可以帮忙吗？

<script type="text/javascript">
//...
    getAttr: function(ele, attr) {
      if (typeof ele.attributes[attr] == 'undefined'){
        return ele.getAttribute(attr);
      } else {
        return ele.attributes[attr].nodeValue;
      }
    },
//...
</script>


<div>
 <a href="http://www.yo.com#foo">Link</a>
</div>

使用上面的 html，在每个浏览器中，我如何获取 Attr(ele, 'href')？ (假设选择 ele 节点不是问题)

Answer 1

对于绝大多数情况，您可以简单地使用内置的 getAttribute 函数。

例如

ele.getAttribute(attr)

根据 QuirksMode这应该适用于所有主要浏览器(包括 IE >= 6)，但有一个小异常(exception):

在 IE5-7 中，访问 style 属性会给出一个对象，访问 onclick 属性会给出一个包裹实际内容的匿名函数。