Как вставить многострочный html через нативынй js?

Question

[Дима Паутов]

В jquery это выглядит очень просто и красиво:

$(elem).append('<h4>'+inputTaskName.value+'</h4>' 
'<div>'+taskPerformer.value+'</div>'
'<time>'+taskTime.value+'</time>'
'<p>'+inputTaskText.value+'</p>');

А как в через innerHTML такое сделать?

Answer 1

[Андрей Буров]

Можно так.
el.innerHTML += '....';
но при этом будут пересозданы все имеющиеся элементы внутри el
лучше

function appendEl(parent, tag, html) {
  var el = document.createElement(tag);
  el.innerHTML = html;
  parent.appendChild(el);
}
appendEl(el, 'h4', inputTaskName.value);
appendEl(el, 'div', taskPerformer.value);