innerHTML komutu ve örnek

Javascript ile HTML içindeki öğelerin özellik değerleri için
neklemek, değiştirmek, çıkarmak gibi işleri yapmak
innerHTML komutunu kullanmaktan geçiyor.

Basit şekilde aşağıda bir örnek verdim. Bir DIV içine
buton içinde belirlenmiş yazıyı js fonksiyonu ile ekliyor.

Anlaşılmasını kolaylaştırmak için CSS kullanmadım ama siz
tüm öğeler için css ile şekillendirebilirsiniz.

<html>
<head>
<script type=text/javascript>
function kutu(uyari){
var uyari
document.getElementById(”uyarim”).innerHTML=uyari;
}
</script>
</head>
<body>
<div id=uyarim name=uyarim></div>
<input type=button OnClick=”kutu(”Eklenecek yazılar…”);” value=Yazı-Ekle>
</body>\
</html>

NOT : Tırnak işaretlerini düzeltmeyi unutmayınız.

Yorum yazabilirsiniz :