The Selectors API provides methods that make it quick and easy to retrieve
Elementnode within the node's subtree. If no matching node is found,
NodeListcontaining all matching
Elementnodes within the node's subtree, or an empty
NodeListif no matches are found.
querySelectorAll()is not live, which means that changes in the DOM are not reflected in the collection. This is different from other DOM querying methods that return live node lists.
The selector methods accept one or more comma-separated selectors to determine what element or elements should be returned. For example, to select all paragraph (
p) elements in a document whose CSS class is either
note, you can do the following:
var special = document.querySelectorAll( "p.warning, p.note" );
You can also query by ID. For example:
var el = document.querySelector( "#main, #basic, #exclamation" );
After executing the above code,
el contains the first element in the document whose ID is one of
You may use any CSS selectors with the
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.