document.querySelector()

document.querySelector() - повертає перший елемент в документі який співпадає з вказаним селектором.

Синтаксис:

window.document.querySelector(selector);

Параметри:

window - об'єкт window. Не обов'язково вказувати якщо посилатися на поточне вікно.

document - об'єкт document.

selector - рядок що містить назву CSS селектора.

Опис:

querySelector() метод об'єкту document який повертає перший елемент за вказаним CSS селектором.

Приклад:

#test
var el = document.querySelector('#test'); //отримуємо елемент з id="test" el.style.color='red'; var el = document.querySelector("div"); //отримуємо перший елемент DIV alert(el); var el=document.querySelector("[href]"); el.style.color='#ba3d00';