如何通过Javascript中的属性值来访问特定元素

Question

假设我有这个HTML代码：

<a href="mysite.com" rel="cookie"></a>
<a href="mysite.com" rel="cake"></a>
<a href="mysite.com" rel="cookie"></a>

是否可以通过Cookie rel 值快速选择2个 a 标记。

我确实设法使用for循环并检查每个元素的值，但是有更短的方法吗？

Answer 1

你可以尝试

document.querySelectorAll("a[rel=cookie]");

Answer 2

如果您不介意使用JavaScript库，可以使用jQuery

 var cookies = $('a[rel="cookie"]')

有关jQuery选择器的更多信息： http://api.jquery.com/category/selectors/

这有使用旧版浏览器的额外好处。

Answer 3

对于现代浏览器，请使用querySelectorAll

喜欢

var els;
if(document.querySelectorAll){
    els = document.querySelectorAll('a[rel="cake"]')
} else {
    //use a loop
}