Javascript querySelector kullanımı

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.

Javascript querySelector kullanımı

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol