“DOM 0 方式”检索 HTML 属性值

jQuery 有一个attr()检索给定 HTML 属性值的方法。例如：

var foo = document.getElementById("foo");
$(foo).attr("id");

但是，从性能角度来看，这并不是最佳选择，因为必须创建 jQuery 对象才能调用attr()方法。这表现更好：foo.id.

所以，理想情况下我们希望避免使用attr()。但是，我们可以这样做（对于任何属性）吗？我相信foo.id and foo.value是“安全”（跨浏览器），但我记得有问题foo.href.

以下是我希望能够“直接”检索的各种属性的列表：

对于任意元素：foo.id, foo.name
对于锚：foo.href, foo.target, foo.rel
对于图像、对象、iframe：foo.src, foo.width, foo.height
对于表单元素：foo.checked, foo.selected, foo.disabled, foo.readonly, foo.type, foo.value, foo.action

那么问题来了：上面的表达式是跨浏览器的吗？我可以安全地使用它们吗？

指向研究此问题的文章的链接也很好。

编辑（根据答案）：粗体表达式使用不安全！

jQuery 的attr()方法的名称具有误导性，记录不完整，并且隐藏了一个非常重要的区别：属性和属性的区别，许多 Web 开发人员似乎对这一点了解甚少，尤其是那些通过 jQuery 介绍 JavaScript 的开发人员。

如果您不再阅读，请删除此内容：你几乎永远不需要使用属性。使用相应的属性几乎总是更好。确实，这就是 jQuery 的attr()方法通常执行用于1.6版本之前的操作。

使用和避免使用房产的原因getAttribute() and setAttribute()处理 HTML DOM 时：

• IE 的实现已损坏。在旧版本和较新版本的怪异模式中，属性直接映射到属性，这与 DOM 标准相反。这样做的结果之一是事件处理程序属性 (onclick等）在 IE 中被彻底破坏。始终使用事件处理程序的属性。这样做的另一个后果是，这些模式和版本中的 IE 要求您使用getAttribute("className")代替getAttribute("class")检索class属性。
• 属性（大部分）一致地跨浏览器实现
• 有些属性和属性之间的关系并不像您想象的那样。一些属性，特别是value的属性<input>元素，不与同名的属性绑定：一旦输入的值被更改（由用户或脚本更改），获取或设置value属性没有效果。相反，value属性与defaultValue财产。
• 属性通常更方便。例如，考虑布尔属性，例如checked：这在 DOM 中表示为布尔值checked属性，而关于如何使用属性设置复选框的选中状态则存在混乱。是吗removeAttribute("checked")? setAttribute("checked", "")? setAttribute("checked", false)？一切都错了，因为checked属性实际上映射到defaultChecked财产。

在某些情况下可能需要使用属性。例如，href的财产<a>元素始终报告完全限定的 URL，而getAttribute("href")将返回 HTML 中指定的字符串href逐字属性。当然，IE 除外。 jQuery 的attr()确实试图使这种不一致正常化。

有关此主题的更多信息：http://reference.sitepoint.com/javascript/Element/setAttribute http://reference.sitepoint.com/javascript/Element/setAttribute，还有来自 MSDN 的：http://msdn.microsoft.com/en-us/library/dd347148%28v=vs.85%29.aspx http://msdn.microsoft.com/en-us/library/dd347148%28v=vs.85%29.aspx

最后，我强烈建议尽可能直接使用 DOM 属性，而不是使用 jQueryattr()方法，但也有特殊情况（例如href）它处理您需要注意的事情。在您提到的属性中，所有这些属性都可以完全安全地跨浏览器使用，但以下例外：

• foo.href and foo.src（遇到类似的问题）如上所述。
• foo.type只能设置在<input>元素被添加到 DOM 之前。
• foo.selected（其中 foo 是<option>element）显然在旧版本的 Safari 中存在错误，如另一个答案中所述。