如何使用 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
});