Bu açık-kaynaklı projenin tüm dünyada kullanılabilir olmasını istiyoruz.

Kendi dilinizde çeviriye yardım edebilirsiniz!

Satın alEPUB/PDF
Eğitim haritası
Derse geri dön

createTextNode vs innerHTML vs textContent

önem: 5

Boş bir DOM elementimiz elem ve bir string metnimiz text var.

Bu 3 komuttan hangisi tamamen aynıdır?

  1. elem.append(document.createTextNode(text))
  2. elem.innerHTML = text
  3. elem.textContent = text

Cevap: 1 ve 3.

Her iki komut da 'metin’i(text) “elem” e ‘metin olarak’ eklemeyle sonuçlanır.

İşte bir örnek:

<div id="elem1"></div> <div id="elem2"></div> <div id="elem3"></div> <script> let text = '<b>text</b>'; elem1.append(document.createTextNode(text)); elem2.innerHTML = text; elem3.textContent = text; </script>