Вот основные этапы этого процесса:
Обработка HTML для создания дерева DOM.
Создание дерева рендеринга.
Расчёт параметров расположения элементов дерева рендеринга на экране, формирование макета страницы.
Визуализация (отрисовка) дерева рендеринга.
www.pvsm.ru/javascript/276021
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
// Создаем временный блок
var _tmp = document.createElement('div');
// Помещаем в него нужный DOM
_tmp.appendChild(document.body.cloneNode(1));
// Парсим по своему усмотрению
alert(_tmp.querySelector('.answer__text').textContent);
$('.catalog_aside .down .btn-dropdown').click(function(){
$('.catalog_aside ul ul').css({display: 'none'})
.siblings('.btn-dropdown').removeClass('active')
.parent('li').removeClass('open');
$(this).parent().toggleClass('open');
if($(this).siblings('ul').is(':visible')){
$(this).siblings('ul').slideUp();
$(this).removeClass('active');
}else{
$(this).siblings('ul').slideDown();
$(this).addClass('active');
}
});