myNotlar Logo

Element.innerHTML


Internet Explorer Firefox Opera

element.innerHTML özelliği, elementin etiketleri ile birlikte saf HTML içeriğini verir. Bu içeriğe, eğer varsa alt düğümleri de dahildir.

Sözdizimi

element.innerHTML = HTMLicerik

HTMLicerik = element.innerHTML
HTMLicerikHTML kaynak kodları.

Dönüş Değeri

HTMLicerikHTML kaynak kodları.

Aşağıdaki örnek, text girişine girilen yazıyı innerHTML kullanılarak div elementi içine yazılmasını göstermektedir.

<input id="textgiris" type="text" />
<label for="textgiris">Lütfen giriş yapınız.</label>
<br/><br/>
<input type="button" value="Kalın Yaz" onClick="KalinYaz()" />
<input type="button" value="İtalik Yaz" onClick="ItalikYaz()" />
<input type="button" value="Çerçeveli Yaz" onClick="CerceveliYaz()" />
<br/><br/>
<div id="ornek_div" style="background-color:#CCCCDD; padding:6px;"></div>

<script type="text/javascript">
function KalinYaz()
{
	var okunan = document.getElementById('textgiris').value;
	document.getElementById('ornek_div').innerHTML = "<b>" + okunan + "</b>";
}
function ItalikYaz()
{
	var okunan = document.getElementById('textgiris').value;
	document.getElementById('ornek_div').innerHTML = "<em>" + okunan + "</em>";
}
function CerceveliYaz()
{
	var okunan = document.getElementById('textgiris').value;
	document.getElementById('ornek_div').innerHTML = "<span style='border: dashed 1px black; margin:3px; padding:3px; font-size:large;'>" + okunan + "</span>";
}
</script>
Test edin




 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |