JavaScript DOM Yöntemleri


İçindekiler

    İçindekiler tablosunu göster


HTML DOM yöntemleri gerçekleştirebileceğiniz eylemlerdir (HTML'de) Elementler).

HTML DOM özellikleri, kullanabileceğiniz değerlerdir (HTML Öğelerinin). ayarlayın veya değiştirin.


DOM Programlama Arayüzü

HTML DOM'a JavaScript ile erişilebilir (ve diğer programlama dilleriyle).

DOM'da tüm HTML öğeleri nesneler olarak tanımlanır.

Programlama arayüzü her nesnenin özellikleri ve yöntemleri.

Özellik, alabileceğiniz veya ayarlayabileceğiniz bir değerdir (örneğin, bir HTML öğesinin içeriği).

Yöntem yapabileceğiniz bir işlemdir (ekleme gibi) veya bir HTML öğesinin silinmesi).


Örnek

Aşağıdaki örnek, <p> öğesinin içeriğini (innerHTML) id=demo":

Örnek

<html>
<body>

<p id="demo"></p>

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

</body>
</html>

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h2>My First Page</h2>

<p id="demo"></p>

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

</body>
</html>

Yukarıdaki örnekte, getElementById bir yöntemdir, innerHTML ise bir yöntem'dir. mülk.


getElementById Yöntemi

Bir HTML öğesine erişmenin en yaygın yolu, HTML öğesinin kimliğini kullanmaktır. eleman.

Yukarıdaki örnekte getElementById yöntemi, eleman.


innerHTML Özelliği

Bir öğenin içeriğini almanın en kolay yolu innerHTML özelliğini kullanmaktır.

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

innerHTML özelliği herhangi bir HTML öğesini almak veya değiştirmek için kullanılabilir, <html> ve <body> dahil.