通过css类名获取div的内容

时间:2015-01-31 19:15:49

标签: php html dom

使用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>

我想获取div类的数据:list-card-user,list-card-phone和list-card-location。

在我使用带有css id的dom进行编码之前,却无法获得类名的任何内容..!

请帮我一些代码。

先谢谢。

2 个答案:

答案 0 :(得分:3)

您可以在Javascript中选择div document.getElementsByClassName var div = document.getElementsByClassName("list-card-user")[0]; 。这将返回该类的所有元素的数组,如果您只有一个出现,那么只需获取第一个节点。

div

div变量现在指向您的var content = div.innerHtml; ,您可以在其上使用一系列函数来获取不同的内容。例如,如果您想要其内容,可以执行以下操作:

Javascript

修改我使用了Javascript,因为您的原始问题使用的是{{1}}标记,现在已经删除了该标记。

答案 1 :(得分: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