İçeriğe geç

Javascript Nesne İçerisine Değer Yazmak, InnerText, InnerHTML Kavramları ve Farkları

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ı…

2.4 8 votes
Article Rating
Tarih:JQuery
Subscribe
Bildir
guest
0 Yorum
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x