document.evaluate - Cross browser?

Question

Szukałem funkcji selektora CSS innej niż Sizzle i natknąłem się na this function.

function SparkEn(xpath,root) { 
    xpath = xpath 
    .replace(/((^|\|)\s*)([^/|\s]+)/g,'$2.//$3') 
    .replace(/\.([\w-]+)(?!([^\]]*]))/g, '[@class="$1" or @class$=" $1" or @class^="$1 " or @class~=" $1 "]') 
    .replace(/#([\w-]+)/g, '[@id="$1"]') 
    .replace(/\/\[/g,'/*['); 
    str = '(@\\w+|"[^"]*"|\'[^\']*\')'; 
    xpath = xpath 
    .replace(new RegExp(str+'\\s*~=\\s*'+str,'g'), 'contains($1,$2)') 
    .replace(new RegExp(str+'\\s*\\^=\\s*'+str,'g'), 'starts-with($1,$2)') 
    .replace(new RegExp(str+'\\s*\\$=\\s*'+str,'g'), 'substring($1,string-length($1)-string-length($2)+1)=$2'); 
    var got = document.evaluate(xpath, root||document, null, 5, null); 
    var result=[]; 
    while (next = got.iterateNext()) 
    result.push(next); 
    return result; 
} 

czuję się jak to jest zbyt piękne, aby mogło być prawdziwe, czy jest to tylko funkcja firefox (XPath?) Czy jest to powoli? Zasadniczo dlaczego miałbym używać Sizzle?

Answer 1

Wierzę, no stable version of IE supports document.evaluate, więc jesteś ograniczony do każdej innej przeglądarki. Nie jest powolny, ponieważ jest natywną implementacją XPath.

Sizzle jest przydatny, ponieważ wykorzystuje natywną przeglądarkę przeglądarek, gdy jest dostępna (na przykład document.getElementsByClassName), ale wraca do robienia tego samego, gdy jest niedostępna (IE). Jest również używany przez jQuery i Prototype, więc jest mocno przetestowany i prawdopodobnie nie sprawi Ci żadnych kłopotów. Sizzle jest również mocno przetestowany i zoptymalizowany (mają cały speed test suite), co jest więcej pracy, której nie musisz robić.

Powiedziałbym, żebym używał jQuery, Prototype lub po prostu Sizzle sam, chyba że robisz coś niesamowicie zależnego od wydajności (co, szczerze mówiąc, jest prawdopodobnie wskaźnikiem, że źle skonstruowałeś swoją aplikację).

Answer 2

właśnie odkryli http://sourceforge.net/projects/js-xpath/, który twierdzi, że jest

implementacja DOM Level 3 XPath dla programu Internet Explorer 5+

Zobacz ich wdrażania na http://nchc.dl.sourceforge.net/project/js-xpath/js-xpath/1.0.0/xpath.js

Answer 3

Jest Grupa robocza DOM3 W3C Uwaga: http://www.w3.org/TR/2004/NOTE-DOM-Level-3-XPath-20040226/xpath.html#XPathEvaluator-evaluate

Status realizacji: https://developer.mozilla.org/en-US/docs/Web/API/document.evaluate#Browser_compatibility Dziś tylko nie w IE 10 na najnowszych stabilnych przeglądarkach komputerowych.