Ottenere elemento usando xpath e cheerio

Question

Provare a scrivere una funzione in node.js che otterrà l'elemento da xpath.

Ho un XPath dell'elemento DOM desiderato come

xpath = '/html/body/div/div[2]/div/h1/span' 

mio DOM è stato caricato in cheerio via fs modulo (perché ho il sito memorizzate localmente):

var file = fs.readFileSync("aaa.html") 
var inDom = cheerio.load(file) 

Poi Sto provando ad iterare attraverso ogni parte di xpath, ottenere l'elemento dell'albero dom, controllare che siano figli se il nome e il numero dell'elemento corrispondono, e se lo fanno, memorizza rez come questo elemen mathed t. Quindi continuo a scavare con la nuova parte xpath. Il codice appare come questo, ma non riesce a ottenere ciò che voglio perché appena ottengo il primo mach e impostato rez come elemento corrispondente, nel prossimo ciclo ciclo questo nuovo elemento sembra non avere alcun elemento figlio.

var rez = inDom('html'); 
var xpath = inXpath.split("/"); 
for(var i = iterateStart; i < xpath.length; i++) { 
    var selector = xpath[ i ].split('[')[0]; 
    var matches = xpath[ i ].match(/\[(.*?)\]/); 
    var child = 0; 
    if(matches) { 
     child = matches[ 1 ]; 
    } 

    for(var k = 0; k < rez.length; k++) { 
     var found = false 
     var curE = rez[ k ] 

     for(var p = 0; p < curE.children.length; p++) { 
      var curE_child = curE.children[ p ] 

      if(curE_child.name = selector) { 
       if(child > 0) { 
        child-- 
       } 
       else { 
        rez = curE_child 
        found = true 
        break 
       } 
      }    
     } 
     if(found) { 
      break 
     } 
    }  
} 

Qualcuno può aiutarmi con il codice utilizzando i moduli Node.JS menzionati?

Answer 1

Sembra che tu stia facendo molto più lavoro, quindi devi trovare l'elemento desiderato. Puoi pubblicare una pagina HTML di esempio?

Cheerio fornisce una API di livello superiore per la ricerca di elementi da utilizzare.

var html = fs.readFileSync('aaa.html') 
var $ = cheerio.load(html) 
var selector = 'div' // some selector here which I can tune to the example html page 
var parent = $(selector) 
var childSelector = 'p' // some other selector 
var children = parent.find(childSelector) 

Answer 2

Ho scritto questo codice, che ottiene l'elemento corretto nel cheerio, dato un xpath.

Questo funziona solo per il più semplice xpath, il tipo menzionato nella domanda e il tipo che di solito viene dato dai browser per un elemento.

inXpath = "BODY/DIV[1]/DIV[2]/DIV[1]/DIV[1]/DIV[3]/DIV[1]/DIV[1]/DIV[3]/DIV[3]/DIV[1]/DIV[1]/DIV[1]/DIV[1]/SPAN[1]" 
var xpath = inXpath.split("/"); 
var dom_body = cheerio.load(body); 
sss = dom_body('*'); 
for(var i = 0; i < xpath.length; i++) { 
    if (xpath[i].indexOf('[') == -1){ 
     sss = sss.children(xpath[i]) 
    } else { 
     var selector = xpath[i].split('[')[0]; 
     var matches = xpath[i].match(/\[(.*?)\]/); 
     var index = matches[1] - 1; 
     sss = sss.children(selector).eq(index) 
    } 
} 
console.log(sss.html().trim()) 

Answer 3

sì, c'è implementazione XPath:

npm install xpath 

Esempio:

var xml = "<book><title>Harry Potter</title></book>" 
var doc = new dom().parseFromString(xml) 
var title = xpath.select("//title/text()", doc).toString() 
console.log(title) 

Fonte: https://www.npmjs.org/package/xpath