javascript - CasperJS getElementsByXPath 只返回第一个元素

Question

我使用以下代码获取第一个表格行中的所有表格单元格。然后我想检查每个表格单元格的 innerHTML。但是在这个函数返回的对象中实际上只有第一个表格单元格在那里，所有其他属性都是空的:

firstRow = this.evaluate(function () {
    return __utils__.getElementsByXPath('//tbody/tr[1]/td');
});

utils.dump(firstRow);

utils.dump 的输出是:

[
    {
        "abbr": "",
        "align": "",
        "attributes": {...}
    },
    null,
    null,
    null
]

我也尝试过使用 utils.findAll，结果是一样的。如何获取所有匹配的元素？

Answer 1

使用 Casper/PhantomJS evaluate() 函数，您必须将原生 DOM 元素和元素列表映射到 JSON 可序列化的内容:

var firstRow = this.evaluate(function () {
    var elements = __utils__.getElementsByXPath('//tbody/tr[1]/td');
    return [].map.call(elements, function(element) {
        return element.outerHTML;
    });
});

utils.dump(firstRow);