Element.id

element.id özelliği, elemente doküman üzerinde eşsiz tanımlayıcı kimlik verilmesini sağlar.

Sözdizimi

kimlik = element.id

element.id = kimlik

Dönüş Değeri

Eğer, HTML DOM'u sürekli kullanmayı düşünüyorsanız. HTML etiketlerinde id kullanmayı alışkanlık haline getirmeniz her konuda faydalı olacaktır. id kullanımında dikkat edilmesi gereken en önemli konu eşsiz-tekil olmasıdır. Böyle olmaması durumunda en sık kullanılan metodlardan biri olan getElementById metodunda gereksiz karışıklıklarla karşılaşabilir ve (X)HTML Validator gibi araçlarda hata uyarısı alabilirsiniz.

Aşağıdaki örnek, getElementById metodu ile innerHTML özelliği kullanılarak iki ayrı div elementinin birbirleriyle içeriklerinin değiştirilmesini göstermektedir.

<div id="ornek_div1" style="background-color:#CCCCDD;"> <i>İtalik</i> </div>
<div id="ornek_div2" style="background-color:#CCDDCC;"> <b>Kalın</b> </div>
<input type="button" value="İçerik değiştir" onClick="Degistir()" />

<script type="text/javascript">
function Degistir()
{
	var Gecici = document.getElementById('ornek_div1').innerHTML;
	document.getElementById('ornek_div1').innerHTML = document.getElementById('ornek_div2').innerHTML;
	document.getElementById('ornek_div2').innerHTML = Gecici;
}
</script>

Test edin