JavaScript - HTML DOM Yöntemleri
HTML DOM yöntemleri, gerçekleştirebileceğiniz eylemlerdir (HTML Elements üzerinde).
HTML DOM özellikleri, ayarlayabileceğiniz veya değiştirebileceğiniz değerlerdir (HTML Öğelerinin).
DOM Programlama Arayüzü
HTML DOM'a JavaScript (ve diğer programlama dilleri) ile erişilebilir.
DOM'da tüm HTML öğeleri, nesneler olarak tanımlanır .
Programlama arayüzü, her nesnenin özellikleri ve yöntemleridir.
Özellik , alabileceğiniz veya ayarlayabileceğiniz bir değerdir (bir HTML öğesinin içeriğini değiştirmek gibi) .
Yöntem , yapabileceğiniz bir eylemdir (bir HTML öğesi eklemek veya silmek gibi) .
Örnek
Aşağıdaki örnek , öğenin içeriğini ( innerHTML
) ile değiştirir :<p>
id="demo"
Örnek
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Yukarıdaki örnekte getElementById
, bir yöntem iken innerHTML
, bir
özelliktir .
getElementById Yöntemi
Bir HTML öğesine erişmenin en yaygın yolu, öğesinin öğesini kullanmaktır id
.
Yukarıdaki örnekte , öğeyi bulmak için getElementById
kullanılan yöntem .id="demo"
innerHTML Özelliği
Bir öğenin içeriğini almanın en kolay yolu, innerHTML
özelliği kullanmaktır.
Özellik innerHTML
, HTML öğelerinin içeriğini almak veya değiştirmek için kullanışlıdır.
Özellik , ve innerHTML
dahil olmak üzere herhangi bir HTML öğesini almak veya değiştirmek için kullanılabilir .<html>
<body>