Строку в DOM узел (сниппет)

Часто бывает необходимо изменить HTML, полученный через AJAX в виде строки, но парсить и изменять полученный результат через регулярные выражения — неправильно и неудобно.

Решением этого служит следующий способ:

Сам сниппет

var strToDOM = function(_string){ var elem = document.createElement('div'); elem.innerHTML = _string; return elem.firstChild || null; }

Проверяем

// Строка с разметкой var s = '<div><span><input type="text" value="test"></span></div>'; var code = strToDOM(s); // проверяем, превратив текстовое поле в кнопку code.querySelector('input') .setAttribute('type', 'button'); // выводим value инпута console.log(code.querySelector('input').value);// выведет "test" // или просто получаем какое либо свойство console.log(code.querySelector('input').type);// выведет "button"

Категории

ПрограммированиеJavaScriptAjax

Читайте также

Комментарии