Преобразование текста в html(на уровне объектов)

[Slavenin]

Всем доброго времени суток!
Возникла надобность преобразовать результат ajax-запроса строку с кодом html, так сказать, в живой html, но не выводить его на страницу а сохранить в переменную.

var text = '<div>тест</div>';

как сделать чтобы тип переменной text с текстового сменился на объект dom. И вообще возможно такое без размещения кода на странице?
eval не срабатывает.

[Kolyaj]

var text = '<div>тест</div>';
var div = document.createElement('div');
div.innerHTML = text;
var result = div.firstChild;
alert(result);

[Slavenin]

примерно такой алгоритм я сейчас и реализовал, но в нем необходимо создать контейнер для размещения в него текста, а можно ли обойтись без него, вот в чем вопрос

[Триви]

примерно такой алгоритм я сейчас и реализовал, но в нем необходимо создать контейнер для размещения в него текста, а можно ли обойтись без него, вот в чем вопрос

Да это ж тебе дали для примера.
Встраивай в любой другой элемент (уже существующий) на странице.

[Kolyaj]

а можно ли обойтись без него

А зачем?

[Slavenin]

А зачем?

очень хочется ответить "за шкафом"...

хотя бы потому что это лишний, не нужный никому, контейнер, который потом мешает. Прямая вставка в дом это ресурсоемкая операция, гораздо быстрее, провести объединение нужных элементов в памяти и потом за одно действие впихнуть в дом, особенно если объединяются большие объемы информации

[Kolyaj]

Что значит ненужный? Он нужен для того, чтобы преобразовать строку в DOM-объект. Потом GC его удалит, не надо за него переживать. Вставки в DOM тут не происходит, т.к. контейнер не в DOM-е, так что это всё быстро.

Непонятно, что вы объединяете и зачем вам строку в DOM-объект преобразовывать. Если у вас есть строки, так объедините их в виде строк, а потом в DOM через innerHTML пачкой вставьте. Если у вас есть много DOM-элементов, которые надо вставить на страницу, то для ускорения этого есть DocumentFragment.

[Slavenin]

да, все, со всем разобрался, благодарю

[Триви]

var text = '<div><p>текст параграфа</p><span>текст спана</span><a href="">текст ссылки</a></div>';
var div = document.createElement('div');
div.innerHTML = text;
alert(div.getElementsByTagName('p')[0].innerHTML);
alert(div.getElementsByTagName('span')[0].innerHTML);
alert(div.getElementsByTagName('a')[0].innerHTML);

[nikita.mmf]

Не хотите создавать каждый раз, так создайте один раз

var createElementsByHTML = (function(){
	var div = document.createElement("div");
	return function ( html ) {
		var res = [];
		div.innerHTML = html;
		while ( div.firstChild ) {
			res[ res.length ] = div.removeChild( div.firstChild );
		}
		return res;
	};
})();