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/PhantomJSevaluate()函数，您必须将原生 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);