0

Имеется функция, которая тупо забирает всю страницу в виде текста:

function handleServerResponse() {
var response = xmlHttp.responseText;
myDiv = document.getElementById('myDivElement');
var VRegExp = new RegExp(/<pre class="data">.*<\/pre>/);
var VResult = response.match(VRegExp); 
myDiv.innerHTML = VResult;
}

Как сделать так, чтобы из response затем получить значение конкретного div, который принадлежит определенному классу, и вывести на страницу?

1
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галочка напротив выбранного ответа).
    – Mihanik71
    Commented 20 июл. 2016 в 18:22

1 ответ 1

0

Есть 2 варианта.

Первый это с помощью регулярного выражения. Этот вариант не будет работать если в блоке (например div) будут вложенные блоки с таким же тегом (div).

function handleServerResponse() {
    var response = xmlHttp.responseText;
    myDiv = document.getElementById('myDivElement');
    var VRegExp = new RegExp(/<div.* class="test".*>.*<\/div>/);//регулярное выражение
    var VResult = response.match(VRegExp);//поиск строки
    myDiv.innerHTML = VResult;
}

Второй это просто вставить всё в невидимый блок (display:none) потом найти через DOM нужный блок и вставить значения куда нужно.

Второй вариант:

function handleServerResponse() {
    var response = xmlHttp.responseText;
    myDiv = document.getElementById('myDivElement');
    myDiv.innerHTML = "<div style='display:none'>"+response+"</div>";
    myDiv.innerHTML = myDiv.querySelector("pre.data").innerHTML;
}
16
  • то есть из контейнера с классом pre мне так извлечь можно: var VRegExp = new RegExp(/<div.* class="test".*>.*<\/div>/);? Commented 20 июл. 2016 в 16:56
  • В данном случае я написал регулярку для того что бы выбрать тег(открытие и закрытие) и содержимое дива с классом test
    – Mihanik71
    Commented 20 июл. 2016 в 16:57
  • @guitarhero прошу прощения. Ошибочка была. Исправил и написал возле добавленных строк что они делают
    – Mihanik71
    Commented 20 июл. 2016 в 17:02
  • да, я там не переправил тоже) к сожалению, это не помогает :( а что обозначает ".*" в выражении? Commented 20 июл. 2016 в 17:11
  • вот чтоб более понятней было: мне надо число забрать из этих тегов и вставить в свой контейнер - <pre class="data">82</pre> Commented 20 июл. 2016 в 17:25

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.