querySelector(domNode: HTMLElement, selector: String);
domNode. Root of the DOM node in context of which you will select elements.
selector. Selector that will be used to select elements.
The querySelector method determines the first DOM node in wrapper of the elements selected by CSS selector.
This method returns an HTMLElement value.
To execute the example, add a link to PP.js scenario file to HTML page. Create a DOM tree based on a specified string that contains HTML markup, then determine the first DOM node in wrapper of the elements selected in the tree by CSS selector, and get internal text of the selected element:
// Determine markup string
var markup = "<div><p class='plainText'>12</p><span class='plainText'>abc</span></div>";
// Transform markup to DOM node
var dom = PP.htmlToDOM(markup, False);
// Determine the first DOM node in the wrapper of the elements selected by selector
var element = PP.querySelector(dom, ".plainText");
console.log("The <" + element.nodeName + "> element contain text «" + element.innerText + "»");
After executing the example the browser console displays internal text of the first DOM element selected by CSS selector:
The <P> element contains the "12" text
See also: