Nightwatchjs - getElementById 不工作答案

【问题标题】：Nightwatchjs - getElementById not workingNightwatchjs - getElementById 不工作
【发布时间】：2019-10-04 17:29:48
【问题描述】：

好的，所以我在这里做的一定很愚蠢，因为我无法获得基本的命令来工作！

所以在我的 nightwatchjs 脚本中，我想从下拉菜单选项中获取值列表，如下所示；

这是我的 javascript 代码；

'module.exports = { 
  Search using Make, Model and Price filters': function (browser) {
    var c = browser.getElementById('ddl-make').children;
    console.log(c);
  }
};

但它似乎不起作用。

我每次都收到以下错误；

✖ TypeError: browser.getElementById 不是函数

（如果我将 browser 替换为 document，并且如果我将 getElementById 替换为 getElementByValue em>)

我是否对导致此错误的 getElementById 命令明显错误？

谢谢

【问题讨论】：

标签： javascript children nightwatch.js

【解决方案1】：

getElementById() 不是 NightwatchJS 提供的函数。但是它确实有一个 element() 函数，它接受一个 css 选择器。

This is how their documentation describes the element() function:

从文档根目录开始搜索页面上的元素。定位的元素将作为 Web 元素 JSON 对象返回。要传递的第一个参数是定位器策略，在 WebDriver 文档中有详细说明。

【讨论】：

好的，作为对此的更新。当我使用以下内容时； this.elements('css selector', '#bfsDesktopFilters .search-filters__item #ddl-make > option', function (result) { var numberOfElementMakes = (result.value.length); 它正确列出了元素的总数。但是，这是我所追求的所有元素的文本。谢谢。
您可以遍历子列表并在子节点的 innerText 上使用 console.log 来获取文本。 c.forEach(child => console.log(child.innerText)); 应该可以解决问题。
感谢@Milan Karmen 的回复，但这对我不起作用，因为 c 被定义为 var c = browser.getElementById('ddl-make').children; 而 nightwathjs 没有支持 getElementById.
使用 .elements() 时，您必须稍微切换一下。试试看：this.elements('css selector', '#bfsDesktopFilters .search-filters__item #ddl-make > option', function (result) { result.forEach(child => console.log(child.innerText)); });
这就是我认为的样子：'Search using Make': function (browser) { browser.elements('css selector', '#bfsDesktopFilters .search-filters__item #ddl-make > option', function (result) { result.forEach(element => { browser.elementIdText(element.ELEMENT, function (text) { console.log(text); }); }); }); }, 我没有准备好自己测试这个，所以可能会出现错误。