javascript - CasperJS 按类获取元素的 innerHTML

Question

我是 CasperJS 的新手，在从 <p class="city">Data I Need</p> 中获取 innerHTML 时遇到了一些问题

我已经尝试了一些东西，但似乎什么都做不到。

var city_name= casper.evaluate(".//*[@class='city_name']", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
var friend_username = city_name.innerHTML;

和

var city_name = this.evaluate(function() {
    return document.querySelector(".//*[@class='city_name']").innerHtml;
});

Answer 1

CasperJS 默认使用 CSS 选择器:

var city_name = casper.evaluate(function() {
    return document.querySelector(".city_name").innerHTML;
});

请注意，该属性是 innerHTML 而不是 innerHtml。另请注意，casper.evaluate() 是页面上下文的接口(interface)，与 document.evaluate() 无关。

您当然可以将 XPath 表达式与 CasperJS 实用程序一起使用。类似 casper.getElementInfo() 的功能为您提供一些额外的属性，例如 html，它实际上是相应 DOM 元素上的 innerHTML 属性。

var x = require("casper").selectXPath;
...
var city_name = casper.getElementInfo(x(".//*[@class='city_name']")).html;