Что лучше использовать elem.firstChild.nodeValue, или elem.innerHtml или elem.textContent???

Question

[mrHalid]

Answer 1

[Bharata]

elem.innerHtml, т.к. он короче, а следовательно:

1. Твой код загрузится к пользователю быстрее;
   
2. Сервер и комп пользователя будут меньше тратить электричества;
   
3. Твой маленький вклад по сохранению чистого воздуха (если электричество бралось посредством сжигания угля) зачтётся тебе в карму.
   

Answer 2

[Дмитрий Беляев]

elem.innerHTML при установке значения отрендерит строку как html код, предыдущее содержимое элемента будет удалено, не работает на текстовых нодах и нодах комментария
elem.innerText при установке значения заменит содержимое строкой, как текстом, спецсимволы выведутся корректно, не работает на текстовых нодах и нодах комментария
2 этих свойства нестандартные, но поддерживаются всеми браузерами
elem.textContent установит содержимое любой ноды (неуверен насчет ноды документа), при установке работает как innerText, различия есть при чтении
elem.firstChild.nodeValue устанавливает текстовое содержимое только для текстовых нод, нод комментария и нод CDATA, не будет иметь эффекта, если первая нода другого типа, не затронит остальные дочерние ноды, выкинет ошибку, если элемент пустой (т.к. elem.firstChild будет null)