Selenium+PhantomJS（系列八：CSS选择器）

 

PhantomJS主要是通过JavaScript和CoffeeScript控制WebKit的CSS选择器、可缩放矢量图形SVG和HTTP网络等各个模块。

 

我们可以利用CSS选择器进行一些复杂的值选取操作。

 

querySelector示例一：

 

var content = page.evaluate(function () {
var element = document.querySelector('#elem');
    return element.textContent;
});
console.log(content);

 

querySelector示例二：

 

elements = document.querySelectorAll("p");
console.log("elements " + elements.length);
console.log(window.getComputedStyle(elements[0]));
console.log(window.getComputedStyle(elements[0]).length);
console.log(window.getComputedStyle(elements[0]).getPropertyValue("background-color"));
console.log(window.getComputedStyle(elements[0]).getPropertyValue("color"));
console.log(elements[0].innerHTML);

 

querySelector示例三：

 

   var page = require('webpage').create();
   var system = require('system');

   var ARG_URL = system.args[1];
    page.open(ARG_URL, function(status) {
     if(status === "success") {
          setTimeout(function () {
             page.evaluate(function(){
                console.log(window.getComputedStyle(document.getElementsByClassName("u01logo")[0]).getPropertyValue("display"));
             });
             return phantom.exit();
          }, 5000);
      }
  });