Modern browsers support native
querySelectorAll so you can do:
Details about browser compatibility:
You can use jQuery to support obsolete browsers (IE9 and older):
Can you please tell me if there is any DOM API which search for an element with given attribute name and attribute value:
We can use attribute selector in DOM by using
document.querySelector("<selector>[myAttribute = \'aValue\']");
and by using
document.querySelectorAll("<selector>[myAttribute] = \'aValue\'");
querySelectorAll() methods we can select objects as we select in "CSS".
\' in here represent escape character and it finally represent
selector[myAttrubute = aValue] just as in "CSS".
More about "CSS" attribute selectors in https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
Here is an example , How to search images in a document by src attribute :