Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


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

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

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

Сам сниппет

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

Проверяем

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Строка с разметкой
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"
Опубликовано: 28 января 2014  ·  Автор:  ·  2478 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptAjaxСтроку в DOM узел (сниппет)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

Ajax, JavaScript, Программирование

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания