20 Mart 2016 Pazar

JavaScript ile HTML İçeriğini Değiştirme

HTML içeriğini değiştirmek için çeşitli metodlar vardır. Bunlardan birisi de document.getElementById() metodudur. Değiştirilecek olan HTML elementinin id'si yazılır ve innerHTML ile içeriğe yazılacak olan yazı yazılır.

Uygulama Kodu
<!DOCTYPE html>
<html>
<head>
<title></title>
<head>
<body>
<p id="yazi">Eski yazı içeriği</p>

<button type="button" onclick="document.getElementById('yazi').innerHTML='Yeni
yazı içeriği'">Tıkla</button>

</body>
</html>

Uygulama Önizlemesi

Eski yazı içeriği

Hiç yorum yok:

Yorum Gönder