• ARعربي
  • ENEnglish
  • ESEspañol
  • FAفارسی
  • FRFrançais
  • IDIndonesia
  • ITItaliano
  • JA日本語
  • KO한국어
  • RUРусский
  • TRTürkçe
  • UKУкраїнська
  • ZH简体中文

ما قصد داریم این پروژهٔ متن‌باز را در دسترس همهٔ مردم در سرتاسر دنیا قرار دهیم.

به ترجمهٔ محتوای این آموزش به زبان خودتان کمک کنید/a>.

    نقشه آموزش
    اشتراک گذاری
    • آموزش
    • مرورگر: Document، Eventها، رابط‌ها
    • Document
    • Modifying the document
    بازگشت به درس
    این محتوا تنها در این زبان‌ها موجود است: English, Español, Français, Italiano, 日本語, 한국어, Русский, Türkçe, Українська, 简体中文. لطفاً به ما

    createTextNode vs innerHTML vs textContent

    اهمیت: 5

    We have an empty DOM element elem and a string text.

    Which of these 3 commands will do exactly the same?

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

    Answer: 1 and 3.

    Both commands result in adding the text “as text” into the elem.

    Here’s an example:

    <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>
    • © 2007—2025  Ilya Kantor
    • دربارهٔ پروژه
    • تماس با ما