в переменной найти и вытащить в другую переменную

[Sergey1986]

Добрый день

с сеовера приходит вот такая штука
<div id='flag'>
<div>....content.....</div>
</div>

как мне из этого вычленить <div>....content.....</div>
и вставить в переменную?

вот есть такое
HTML = тут ответ от сервера
const div = document.createElement('div');
div.innerHTML = HTML;
const content = div.querySelector('#flag');

но это выдает все вместе с <div id='flag'>...а нужно что внутри...

Заранее спасибо!

[рони]

Sergey1986,

const content = div.querySelector('#flag div').innerHTML;

[Sergey1986]

а если внутренняя часть начинается с произвольной разметки, знаем то только что именно div с id=flag

[Sergey1986]

внутрення часть может быть произвольной

[j0hnik]

const content = div.querySelector('#flag > *').innerHTML;

[Sergey1986]

если
<div id='falg'>
<div>
1
</div
<div>
2
</div
</div>

берет только
<div>
1
</div

остальное отрезает

[Sergey1986]

const content = div.querySelector('#flag div').innerHTML;

вот это вариант работает!!!

СПАСИБО!

[j0hnik]

const content = div.querySelector('#flag').textContent;

[Sergey1986]

хм....уперся в новую проблему, и почему не получается не могу понять
есть цикл

for (var key in json) {
var HTML = json[key].html;
var div = document.createElement('div');
div.innerHTML = HTML;
var content = div.querySelector('#' + json[key].tag).innerHTML;

$('#' + json[key].tag).empty();
$('#' + json[key].tag).append(content);

}

для того что бы поменять в нескольких местах...

может кто поможет идей
просто использовывать
$('#' + json.html[key].tag).empty();
$('#' + json.html[key].tag).append(content);
не годиться так как там есть лишняя информация...

[SuperZen]

есть идея присылать только валидный json ) и использовать MVVM для отображения...