JQuery ile bir nesnenin (div, label, vs…) içerisindeki değeri okumak aslına bakarsanız çok kolay.
Bunu JQuery ile yaptığınız oranda aslında tarayıcı uyumsuzlukları ihtimalini de mümkün olabildiği oranda minimize etmiş oluyorsunuz.
Gelelim konumuza;
InnerHTML Kavramı
InnerHTML, aslında yakaladığınız objenin içerisinde değişiklik yapmak istiyorsanız kullanabilirsiniz. Zira burada vereceğiniz değer HTML olsa dahi olduğu gibi yani tarayıcının algılayacağı kodlar şeklinde yansıtmaktadır.
Örnek Kullanım;
window.document.getElementById('arananId').innerHTML = '<h6>Evet tıkladınız. Helal size!</h6>';
Ekran Çıktısı;
Evet tıkladınız. Helal size!
Inner Text Kavramı
InnerHTML’in aksine burada da kullanım aynı olsa dahi, içeriye girmiş olduğunuz karakterler HTML karakterlere çevrilmeden yazı şeklinde algılanarak düzenleme yapılır.
Örnek Kullanım;
window.document.getElementById('arananId').innerText = '<h6>Evet tıkladınız. Helal size!</h6>';
Ekran Çıktısı;
<h6>Evet tıkladınız. Helal size!</h6>
İşte görüldüğü üzere aradaki fark, birinin Html Encode yapıp diğerinin yapmaması mevzusundan farklı bir durum değil aslında. Ama tabii ki önemli bir ayrıntı…