sizzle分析记录：getAttribute和getAttributeNode

最新推荐文章于 2021-06-23 05:52:51 发布

转载最新推荐文章于 2021-06-23 05:52:51 发布 · 51 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aaronjs/p/3837082.html

本文探讨了在Internet Explorer 6和7浏览器中使用getAttribute方法获取HTML元素属性时遇到的问题，并提供了一种通过getAttributeNode来解决这一问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

部分IE游览器下无法通过getAttribute取值？

<form name="aaron">  
  <input type="text" name="aaron"/>  
</form>

alert(form.getAttribute('name')); IE6、7中错误

alert(form.getAttributeNode('name').nodeValue);

看看jQ的解决方案

能力判断

support.attributes = assert(function( div ) {
    div.className = "i"; //设置一个属性
    return !div.getAttribute("className");
});

处理

Sizzle.attr = function( elem, name ) {

    return val !== undefined ?
        val :
        support.attributes || !documentIsHTML ?
            elem.getAttribute( name ) :
            (val = elem.getAttributeNode(name)) && val.specified ?
                val.value :
                null;
};

使用getAttributeNode得到属性节点，再通过nodeValue得到该属性节点的值

getAttributeNode的效率比getAttribute要低一些。如果要获取元素的id，node.id是最快的方法，node.getAttribute('id')其次，getAttributeNode('id').nodeValue最慢。

转载于:https://www.cnblogs.com/aaronjs/p/3837082.html