fast-html-parserの使い方

Question

https://www.npmjs.com/package/fast-html-parser
を見て
querySelectorAll
を使用したいのですが
querySelectorAll('#main > ul > li')
のようにしても[]が返って来てしまい何も取得がされません
どのようにすれば良いのでしょうか？

querySelectorAll('#main')とだけすれば
[ HTMLElement {
tagName: 'div',
rawAttrs: 'id="main"',
childNodes:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ],
id: 'main',
classNames: [] } ]
のように返り値がちゃんとあります

cssセレクタはchromeのcopyセレクタで取得をし、該当するliは複数あるものとします

バージョン
node v8.16.1
fast-html-parser@1.0.1

Answer 1

#対応するコンビネータに制限あり？
querySelector("#main li") のように
引数に与える複数セレクタの区切り（コンビネータ）を " " にしてみては？

このモジュール、質問のセレクタだと、"#main", ">", "ul", ">", "li" の５つの要素（セレクタ）が与えられたものとして処理されるようです。
このため、">" がエラーとなり、[] を返しているようです。

(追記：ここまで)

---

gitHub でソースをざっくり読んだだけですが、
querySelector(), querySelectorAll()に与えるセレクタで
使えるコンビネータは " " だけかもしれませんねぇ。

node-fast-html-parser : [index.js] L406付近

function Matcher(selector) {
  this.matchers = selector.split(' ').map(function(matcher) {
（略）
  });
  this.nextMatch = 0;
}

selector.split(" ") なので、">" や "+", "-" のコンビネータまでは処理しないみたい。

Comments

[退会済みユーザー]

ご回答ありがとうございます
ソースまで読んでいただいてありがとうございます
" "のみ動くのは確認ができたので今はこちらでやっておったのですがそういうことだったのですね
libxmljsより3倍くらい早いと書かれているサイトがあったので試しに使っておりました