Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

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.

Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com