HTML DOM getElementById() yöntemi
Tanım ve Kullanım
getElementById() yöntemi, belirtilen ID'ye sahip ilk nesneye sahip bir referans döndürebilir.
Gramer
document.getElementById(id)
Açıklama
HTML DOM, getElementById() dışında getElementsByName() ve getElementsByTagName() gibi çeşitli element arama yöntemleri tanımlar.
Ancak, belgede belirli bir öğeyi aramanız gerekiyorsa, en etkili yöntem getElementById() kullanmaktır.
Belirli bir belge öğesini işlemekken, o öğeye en iyi bir şekilde bir id özelliği vermek, ona (belgede) benzersiz bir ad atamak ve ardından bu ID ile aradığınız öğeyi bulabilirsiniz.
Örnek
Örnek 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Bu bir başlık</h1>
<p>Üst başlığı tıklayarak değerini uyarı olarak alın</p>
</body>
</html>
Örnek 2
getElementById() önemli bir yöntemdir ve DOM program tasarımında sıkça kullanılır. Sizin için bir araç fonksiyonu tanımladık, böylece getElementById() yöntemini daha kısa bir isimle kullanabilirsiniz:
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
Bu fonksiyon, element ID'sini parametre olarak alır. Her bir bu tür parametreye için, kullanmadan önce x = id(x) yazmanız yeterlidir.
