Javascript querySelector kullanımı

Sezai AlkanFrontend Developer

JavaScript #javascript #js #queryselector

Javascript querySelector kullanımında Jquery deki seçiciler gibi az kodla çok iş yapmamıza olanak sağlamaktadır. Tek bir seçici ile id, class veya direk etiketi seçme işlemi sağlayabilmekteyiz.

Kullanımı : document.querySelector()

Etiket seçimi :

<p> Hello 1</p>

var e = document.querySelector("p");
e.style.color = "red";

Div Seçimi :

<div id="blok"> Hello 2</div>

var e = document.querySelector("#blok");
e.style.color = "blue";

Class Seçimi : 

<h4 class="baslik"> Hello 3</h4>

var e = document.querySelector(".baslik");
e.style.color = "orange";

Yukarıdaki örneklerde sırasıyla etiket, div ve class değerleri iler nesneler üzerinde seçim işlemi sağlanmıştır.
Yukarıdaki örneğin ekran çıktısı aşağıdaki gibidir.