innerHTML

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

innerHTML özelliği, bir öğe içindeki tam HTML içeriğini (alt öğeler dahil) ayarlar veya alır. Bu, bir web sayfası bölümünün içeriğini dinamik olarak güncellemek için yararlıdır.

element.innerHTML = "<b>Example Text !!</b>";

Görev

Kolay

Size, ID'si content olan bir div içeren HTML kodu verilmiştir.

Sadece JavaScript kullanarak, bu div öğesinin içeriğini değiştirin:

getElementById fonksiyonunu kullanarak div öğesini alın.
HTML içeriğini "<b>Updated Content</b>" olarak ayarlayın.

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <div id="content">Original Content</div>
        <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 getElementsByTagName querySelector

3DOM Metotları II

querySelectorAll addEventListenerinnerHTMLcreateElement ve appendChild classList toggle