createTextNode va innerHTML va textContent

Bizda bo’sh DOM elementi “elem” va “matn” qatori mavjud.

Ushbu 3 ta buyruqdan qaysi biri xuddi shunday bajaradi?

elem.append(document.createTextNode(text))
elem.innerHTML = text
elem.textContent = text

Javob: 1 va 3.

Ikkala buyruq ham elemga matnni «matn sifatida» qo’shishga olib keladi.

Mana bir misol:

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