querySelector

Coddy'nin JavaScript DOM Metotları kursunda ders 8 / 13.

querySelector() fonksiyonu, karmaşık öğe seçimi için önceki yöntemlerden daha fazla esneklik sağlayarak, güçlü bir CSS benzeri seçici ile eşleşen ilk öğeyi seçer. Örnek:

const button = document.querySelector("#btn");

btn id'sine sahip button öğesine bu şekilde erişiriz.

Görev

Kolay

Bir buton içeren HTML kodu size verilmiştir.

Sadece JavaScript kullanarak,

querySelector fonksiyonunu kullanarak öğeyi alın.
style özelliğini kullanarak backgroundColor değerini red olarak değiştirin.
style özelliğini kullanarak color değerini white olarak değiştirin.

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <button id="myButton">Click Me</button>
        <script src="script.js"></script>
    </body>
</html>

JavaScript DOM Metotları bölümündeki tüm dersler

1Giriş

Giriş Document Object Model

2DOM Metotları I

getElementById Eleman Stilini Değiştirme getElementsByClassName Döngü ile Gezinme ve Düzenleme getElementsByTagNamequerySelector

3DOM Metotları II

querySelectorAll addEventListener innerHTML createElement ve appendChild classList toggle