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>

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

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

请帮我一些代码。

先谢谢。

Answer 1

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

div

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

Javascript

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

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类名获取div的内容

2 个答案: