Мастер-классы по Javascript Екатеринбург Ростов-на-Дону Москва Узнать больше...
Содержание (скрыть) Содержание (показать)

createTextNode vs innerHTML

Есть пустой узел DOM elem.

Одинаковый ли результат дадут эти скрипты?

Первый:

elem.appendChild(document.createTextNode(text))
Второй:
elem.innerHTML = text

Если нет — дайте пример значения text, для которого результат разный.

Решение
Решение

Результат выполнения может быть разный.

Запустите следующие примеры, чтобы увидеть разницу:

  • createTextNode создает текст '<b>текст</b>':
    <div></div>
    <script>
      var text = '<b>текст</b>';
    
      var elem = document.body.children[0];
      elem.appendChild(document.createTextNode(text));
    </script>
    
  • innerHTML присваивает HTML <b>текст</b>:
    <div></div>
    <script>
      var text = '<b>текст</b>';
    
      var elem = document.body.children[0];
      elem.innerHTML = text;
    </script>
    
#227
Наверх

Реклама

Нашли опечатку?

Нашли опечатку на сайте? Что-то кажется странным?
Выделите соответствующий текст и нажмите Ctrl+Enter!

Последние Комментарии

Помоги другим!

Помоги другим узнать о хорошей статье!