JavaScript - HTML DOM yöntemi

HTML DOM yöntemleri, HTML öğelerinizde gerçekleştirebileceğiniz eylemlerdirEylem.

HTML DOM özellikleri, HTML öğelerini ayarlayabileceğiniz veya değiştirebileceğiniz öğelerdirDeğer.

DOM Programlama Arayüzü

HTML DOM, JavaScript yoluyla erişilebilir (diğer programlama dilleri de yoluyla).

DOM'da, tüm HTML öğeleri tanımlanmıştırNesne.

Programlama arayüzü, her nesnenin özellikleri ve yöntemleridir.

ÖzelliğiAlabilir veya ayarlayabileceğiniz değerlerdir (örneğin, HTML ögesinin içeriğini değiştirmek).

YöntemiYapabileceğiniz eylemlerdir (örneğin, HTML ögesi eklemek veya silmek).

Örnek

Aşağıdaki örnekte, id="demo" olan <p> ögesinin içeriği değiştirilir:

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

Kişisel olarak deneyin

Üstteki örnekte,getElementById iştirYöntemive innerHTML iştirÖzelliği.

getElementById Yöntemi

HTML ögesine en sık kullanılan erişim yöntemi, ögenin id'sidir.

Üstteki örnekte,getElementById Yöntemi, id="demo" ile elementi bulmak için kullanılır.

innerHTML Özelliği

Element içeriğini almak en basit yollarından biri innerHTML Özelliği.

innerHTML Özelliği, HTML ögesinin içeriğini almak veya değiştirmek için kullanılır.

innerHTML Özellikleri, herhangi bir HTML ögesinin,包括 <html> ve <body>.