getElementById

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

getElementById() fonksiyonu, eşleşen bir id özniteliğine sahip ilk öğeyi getirir, örneğin:

const element = document.getElementById("elementId");

Yukarıdaki kod, elementId id'sine sahip öğeyi getirir ve onu element adlı bir değişkene kaydeder.

document önekine dikkat edin, bu HTML dosyası DOM'udur.

Bir öğeyi getirdikten sonra, JavaScript kullanarak onu manipüle edebilirsiniz!

Öğreneceğimiz ilk özellik, öğenin metin içeriğini tutan textContent özelliğidir. Metni şu şekilde değiştirebilirsiniz:

const element = document.getElementById("elementId");
element.textContent = "some text";

Bu koddan sonra, #elementId öğesinin metni some text olacaktır.

Görev

Kolay

Bir ID'ye sahip başlık içeren bir HTML kodu size verilmiştir.

Sadece JavaScript kullanarak, bu öğenin metnini “Hello!” olarak değiştirin:

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <h1 id="heading">Welcome!</h1>
        <script src="script.js"></script>
    </body>
</html>

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

1Giriş

2DOM Metotları I

3DOM Metotları II