Извлечь специфику c HTML контейнер из Javascript переменной

Question

Как бы вы извлекли указанную c html из JS переменную, которая содержит html содержимое.

В приведенном ниже примере переменная JS содержит все содержимое html, которое было возвращается из запроса Fetch API. Я хочу просто извлечь содержимое из раздела с классом content.

Переменная

const aVariable = fetch(...etc.. etc.. // the returned value)

Возвращаемое значение содержит:

<section class="wrapper">
    blah blah blah
    <div>
        blah blah
    </div>
    <section class="content">
        It's the one that I want
        <div>
            Whoa whoa whoa yeah!
        </div>
    </section>
    blah blah
</section>

Я просто хочу content, но включаю его <section>.

Answer 1

Использование DOMParser.

var parser = new DOMParser();
var doc = parser.parseFromString(aVariable, "text/html");
var elm = doc.querySelector(".content");

Answer 2

Вы можете использовать интерфейс DOMParser

Интерфейс DOMParser позволяет анализировать исходный код XML или HTML из строки в Документ DOM.

const html = `<section class="wrapper">
    blah blah blah
    <div>
        blah blah
    </div>
    <section class="content">
        It's the one that I want
        <div>
            Whoa whoa whoa yeah!
        </div>
    </section>
    blah blah
</section>`


const domparser = new DOMParser()
const doc = domparser.parseFromString(html, 'text/html')

const elem = doc.querySelector('section.content')

console.log(elem.outerHTML)

Answer 3

Это должно работать

var all= new DOMParser().parseFromString(aContent) ;

var contentHtml = all.querySelector('.content').outerHTML

Answer 4

это должно работать!

  var data= $(html);

  var content= data.children('#content').html();