document.querySelector() - повертає перший елемент в документі який співпадає з вказаним селектором.
window.document.querySelector(selector);
window - об'єкт window. Не обов'язково вказувати якщо посилатися на поточне вікно.
document - об'єкт document.
selector - рядок що містить назву CSS селектора.
querySelector() метод об'єкту document який повертає перший елемент за вказаним CSS селектором.
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';