通过 css class 名称获取 div 的内容

Question

使用 dom 我想从某些特定的 div 获取内容。我目前的情况是这样的：我想从站点 link 获取内容，其 html 结构如下。我想要本地数据库的 css class 数据。我认为这只能使用 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>

我想获取名为 div class 的数据：list-card-user、list-card-phone 和 list-card-location。

在我使用 dom 和 css id 完成编码之前，我无法使用 class name..!

请帮我写一些代码。

提前致谢。

Answer 1

您可以 select 您的 div 和 Javascript 中的 document.getElementsByClassName。这将 return 包含具有 class 的所有元素的数组，如果您只出现一次，则只需获取第一个节点。

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

div 变量现在指向您的 div，您可以在其上使用一堆函数来获得不同的东西。例如，如果你想要它的内容，你可以这样做：

var content = div.innerHtml;

编辑我使用了 Javascript 因为你原来的问题使用了 Javascript 标签，现在已经通过编辑删除了。

Answer 2

这是简单的，也许这对你有帮助:)

<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

通过 css class 名称获取 div 的内容

Get content of div by css class name

php

html

dom