PP.querySelectorAll

Синтаксис

querySelectorAll(domNode: HTMLElement, selector: String);

Параметры

domNode. Корень DOM-дерева, в контексте которого будут выбираться элементы;

selector. Селектор, по которому будут отбираться элементы.

Описание

Метод querySelectorAll возвращает все DOM-вершины, выбранные из дерева по CSS-селектору.

Комментарии

Метод возвращает значение типа Array.

Пример

Для выполнения примера необходимо наличие на html-странице ссылки на файл сценария PP.js. Создадим DOM-дерево на основе указанной строки с html-разметкой, затем определим все DOM-вершины в обёртке элементов, выбранных по селектору в дереве, и получим внутренний текст каждого выбранного элемента:

// Определим строку с разметкой
var markup = "<div><p class='plainText'>12</p><span class='plainText'>abc</span></div>";
// Преобразуем разметку в DOM-вершину
var dom = PP.htmlToDOM(markup, false);
// Определим первую DOM-вершину в обёртке элементов, выбранных по селектору
var elements = PP.querySelectorAll(dom, ".plainText");
for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    console.log("Элемент <" + element.nodeName + "> содержит текст «" + element.innerText + "»");
};

В результате выполнения примера в консоли браузера был выведен внутренний текст всех DOM-элементов, выбранных по CSS-селектору:

Элемент <P> содержит текст «12»

Элемент <SPAN> содержит текст «abc»

См. также:

PP