Форум

Dmitriy154 · #1 (**permalink**) 28.10.2023, 17:14

Подскажите, наиболее рациональное решение:
Имеется строка содержащая весь html-код страницы. В этом коде есть <div id='stage'>...</div>.
Каким образом можно получить содержимое данного контейнера? Как я понимаю регулярками здесь тяжеловато выделить.
Либо воссоздать document.documentElement и через stage.innerHTML получить содержимое?

voraa · #2 (**permalink**) 28.10.2023, 17:52

const cont = document.createElement('template');
cont.innerHTML = '...<div id='stage'>...</div>...';
const result = cont.content.getElementById('stage').innerHTML;

Dmitriy154 · #3 (**permalink**) 28.10.2023, 18:11

Огромное спасибо!

voraa · #4 (**permalink**) 28.10.2023, 18:32

Но если в строке полный код html начиная с <!DOCTYPE html>
то будет правильнее создавать полный документ

const doc = document.implementation.createHTMLDocument('');
doc.documentElement.innerHTML = '...<div id='stage'>...</div>...';
const result = doc.getElementById('stage').innerHTML;

рони · #5 (**permalink**) 28.10.2023, 18:37

Dmitriy154,

let parser = new DOMParser();
let html = `...<div id='stage'>12345</div>...`;
let doc = parser.parseFromString(html, "text/html");
alert(doc.getElementById('stage').innerHTML);

Dmitriy154 · #6 (**permalink**) 29.10.2023, 14:09

Спасибо, тоже интересный подход

Dmitriy154 · #7 (**permalink**) 29.10.2023, 14:12

Сообщение от voraa

Но если в строке полный код html начиная с <!DOCTYPE html>
то будет правильнее создавать полный документ

const doc = document.implementation.createHTMLDocument('');
doc.documentElement.innerHTML = '...<div id='stage'>...</div>...';
const result = doc.getElementById('stage').innerHTML;

понял, через temlate тоже работает

Форум

Справочник

Discord чат

Курсы javascript