CasperJS gets innerHTML of an element by class

Question

I am new to CasperJS and I had a few problems getting innerHTML from <p class="city">Data I Need</p>

I tried a few things, but nothing works.

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

and

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

Answer 1

CasperJS works by default with CSS selectors:

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

Note that the property is innerHTMLnot innerHTML. Also note that it casper.evaluate()is a page context interface and has nothing to do with document.evaluate().

, , XPath CasperJS. , casper.getElementInfo(), , html, innerHTML DOM.

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

Answer 2

casper getElementInfo():

casper.getElementInfo('<insert CSS selector>').html

:

casper.getElementInfo('<insert CSS selector>').text