Получить содержимое div по имени класса css

Question

Использование dom Я хочу получить контент из определенного div. Моя текущая ситуация такова: я хочу получить контент с сайта, чья структура html выглядит так: Мне нужны данные класса css для моей локальной базы данных. Я думаю, что это возможно только с использованием dom.

Вот код:

<div class="listing-info-right ">   
    <div class="list-card-field name-address"> 
    <div class="list-card-user"> 
     Mr Bimal Kumar Agarwal 
    </div> 
</div> 

<div class="list-card-field name-address"> 
    <div class="list-card-phone"> 
      +91-9386750700,+91-612-2530310,+91-612-2530311 
    </div> 
</div> 

<div class="list-card-field name-address"> 
<div class="list-card-email">enquiry@elementguestline.com</div></div> 
<div class="list-card-field name-address list-card-border"> 
<div class="list-card-location">28,, Nalini Aparment 4th Floor, Kidwaipuri, Fraser Road, Patna, 800001, Bihar</div> 
</div> 
</div> 

Я хочу, чтобы получить данные о классе сНу имени: список карт-пользователя, список-карты телефона и список карт-место.

Прежде чем я сделал кодирование с использованием dom с идентификатором css, но не смог получить ничего с именем класса ..!

Пожалуйста, помогите мне с кодом.

Спасибо заранее.

Answer 1

Это просто один, возможно, это поможет вам :)

<div class="listing-info-right "> 
    <div class="list-card-field name-address"> 
     <div class="list-card-user">Mr Bimal Kumar Agarwal</div> 
    </div> 
    <div class="list-card-field name-address"> 
     <div class="list-card-phone">+91-9386750700,+91-612-2530310,+91-612-2530311</div> 
    </div> 
    <div class="list-card-field name-address"> 
     <div class="list-card-email">enquiry@elementguestline.com</div> 
    </div> 
    <div class="list-card-field name-address list-card-border"> 
     <div class="list-card-location">28,, Nalini Aparment 4th Floor, Kidwaipuri, Fraser Road, Patna, 800001, Bihar</div> 
    </div> 
</div> 

Выход:

<div id="myNamez"></div> 
<div id="myPhonez"></div> 
<div id="myLoc"></div> 

Использование JQuery:

<script> 
$(document).ready(function() { 
    var namez='list-card-user'; 
    var phonez='list-card-phone'; 
    var locationz='list-card-location'; 
    document.getElementById('myNamez').innerHTML='namez'; 
    document.getElementById('myPhonez').innerHTML='phonez'; 
    document.getElementById('myLoc').innerHTML='locationz'; 
}); 
</script> 

Вот demo

Answer 2

Вы можете выбрать div с document.getElementsByClassName в Javascript. Это вернет массив всех элементов с этим классом, если у вас есть только одно вхождение, то просто получите первый узел.

var div = document.getElementsByClassName("list-card-user")[0]; 

Переменная div теперь указывает на ваш div, вы можете использовать кучу функций на нем, чтобы получить разные вещи. Например, если вы хотите его содержание, вы можете сделать это:

var content = div.innerHtml; 

Edit Я использовал Javascript, потому что ваш первоначальный вопрос использовал Javascript тега, который был удален в настоящее время с редактированием.