kmgre.blogg.se

Libraries such as jQuery handle this for you it's probably a good idea to let them do the heavy lifting.įor anyone dealing with ancient browsers, note that querySelectorAll was introduced to Internet Explorer in v8 (2009) and fully supported in IE9. You can work around this if necessary by looping through all the elements on the page to see whether they have the attribute set: var withProperty = ,Įls = document.getElementsByTagName('span'), // or '*' for all types of element

It would be better to specify a tag name if possible: document.querySelectorAll('span') The returned list is live, which means it updates itself with the DOM tree automatically. All descendants of the specified element are searched, but not the element itself. This finds all elements with the attribute property. The Element.getElementsByTagName () method returns a live HTMLCollection of elements with the given tag name.

(Complete list of attribute selectors on MDN.) For example: const el document. document.querySelectorAll('') // All with attribute named "property"ĭocument.querySelectorAll('') // All with "property" set to "value" exactly. To select all paragraph ( p) elements in a document whose classes include warning or note, you can do the following: const special document.querySelectorAll('p.warning, p.note') You can also query by ID. Yes, the function is querySelectorAll (or querySelector for a single element), which allows you to use CSS selectors to find elements.