下面是一个例子，如何通过src属性在文档中搜索图像:

document.querySelectorAll("img[src='https://pbs.twimg.com/profile_images/........jpg']");

下面是如何使用querySelector进行选择:

document.querySelector("tagName[attributeName='attributeValue']")

现代浏览器支持本机querySelectorAll，所以你可以:

document.querySelectorAll('[data-foo="value"]');

https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll

浏览器兼容性的详细信息:

http://quirksmode.org/dom/core/#t14 http://caniuse.com/queryselector

你可以使用jQuery来支持过时的浏览器(IE9及更老版本):

$('[data-foo="value"]');

更新:在过去的几年里，情况发生了巨大的变化。你现在可以可靠地使用querySelector和querySelectorAll，参见Wojtek的答案如何做到这一点。

现在不需要jQuery依赖项了。如果你正在使用jQuery，很好……如果不是这样，就不需要再依赖它来按属性选择元素了。

在普通javascript中并没有一个非常简单的方法来做到这一点，但是有一些可用的解决方案。

您可以这样做，遍历元素并检查属性

如果你可以选择jQuery这样的库，你可以简单一点，像这样:

$("[myAttribute=value]")

如果值不是一个有效的CSS标识符(它有空格或标点符号等)，你需要在值周围加引号(它们可以是单引号或双引号):

$("[myAttribute='my value']")

你还可以使用start-with, end -with, contains等等。属性选择器有几个选项。

下面是一个例子，如何通过src属性在文档中搜索图像:

document.querySelectorAll("img[src='https://pbs.twimg.com/profile_images/........jpg']");

function optCount(tagId, tagName, attr, attrval) { inputs = document.getElementById(tagId).getElementsByTagName(tagName); if (inputs) { var reqInputs = []; inputsCount = inputs.length; for (i = 0; i < inputsCount; i++) { atts = inputs[i].attributes; var attsCount = atts.length; for (j = 0; j < attsCount; j++) { if (atts[j].nodeName == attr && atts[j].nodeValue == attrval) { reqInputs.push(atts[j].nodeName); } } } } else { alert("no such specified tags present"); } return reqInputs.length; }//optcount function closed

这是一个函数，用于选择具有特定属性值的特定标签。要传递的参数是标签ID，然后是标签名(标签ID内的标签名)，属性，第四个是属性值。 此函数将返回指定属性中找到的元素数量及其值。 你可以根据自己的需要修改。