如何使用 nodejs 的 selenium web-driver 获取子元素的数量

Question

我搜索了很多地方，但我没有得到答案

这是我的html：

    <form id="search_form_homepage" >
    ...
<div class="search__autocomplete" style="display: block;">
    <div class="acp-wrap js-acp-wrap">
        <div class="acp" data-index="0"><span class="t-normal">elephant</span>cheap auto</div>
        <div class="acp" data-index="1"><span class="t-normal">elephant</span>asia</div>        
        ...
        ...
        <div class="acp" data-index="2"><span class="t-normal">elephant</span>africa</div>
    </div>
    ...
</div>
</form>

我只需要使用类acp-wrap js-acp-wrap来获取 div 中存在的<div> div计数

我可以达到这一点，但被卡住了：

let xyz = driver.findElements(By.className(".acp-wrap js-acp-wrap>div"));

Answer 1

您需要使用By.css通过以下方式获取元素： .acp-wrap js-acp-wrap > div 。 此外，您的选择器不正确。 当你按类选择一个元素时，你需要在类名前加上一个句点： .acp-wrap.js-acp-wrap > div （也去掉acp-wrap和js-acp-wrap之间的空格）。

这是您现在如何获取该元素的方法：

let xyz = driver.findElements(By.css(".acp-wrap.js-acp-wrap > div"));

现在要获取计数，您可以获得xyz的length属性。 但是由于driver.findElement返回一个 promise，你需要使用 async-await。 您可以创建一个函数：

async function getCount() {
  let xyz = await driver.findElements(By.css(".acp-wrap.js-acp-wrap > div"));
  const count = xyz.length;
  return count;
}

编辑

当你调用函数时：

getCount().then(function(count) {
  // your stuff there
});