20 Mart 2016 Pazar

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

by Tarih
Etiketler: ,
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

Kaydol: Kayıt Yorumları (Atom)