Javscript derslerimize devam ediyoruz.Bu derste
innerHTML kodunu işleyeceğiz.İnnerHTML bir alandaki metni html kodlarıyla almamıza ve bir alan html kodlarıyla beraber metin koymamıza yarıyor.
Bir alandan innerHTML ile veriyi şu şekilde alırız.
var isim=document.getElementById("isim").innerHTML;
İsim idine sahip alana erişip innerHTML ile içeriğini aldık ve isim adlı değişkene atadık.
Bir alana innerHTML ile veriyi şu şekilde yerleştiririz.
document.getElementById("isim").innerHTML="cArleone";
İsim idine sahip alana erişip innerHTML ile içine cArleone yaz dedik.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript">
window.onload = function(){
var alan=document.getElementById("alan").innerHTML;
document.getElementById("alan").innerHTML="<b>"+alan+"</b>";
}
</script>
</head>
<body>
<div id="alan">Metin</div>
</body>
</html>
Yukarıdaki örnekte window.onload ile sayfa hazır olduğunda,alan idine sahip yerin içeriğini al sonrada b taglarıyla beraber aynı yere koy dedik.innerHTML bu kadar.
UstaDerslik
