Создание нового элемента DOM из строки HTML с использованием встроенных методов DOM или Prototype

Question

У меня есть HTML-строка, представляющая элемент: '<li>text</li>'. Я хотел бы добавить его к элементу в DOM (ul в моем случае). Как я могу сделать это с помощью Prototype или DOM?

(я знаю, что мог бы легко это сделать в jQuery, но, к сожалению, мы не используем jQuery.)

Answer 1

Вы можете использовать следующую функцию для преобразования текста «HTML» в элемент

function htmlToElement(html)
{
  var element = document.createElement('div');
  element.innerHTML = html;
  return(element);
}
var html="<li>text and html</li>";
var e=htmlToElement(html);

Answer 2

function domify (str) {
  var el = document.createElement('div');
  el.innerHTML = str;

  var frag = document.createDocumentFragment();
  return frag.appendChild(el.removeChild(el.firstChild));
}

var str = "<div class='foo'>foo</div>";
domify(str);