JSでHTML文字列を解析する 質問する

JSでHTML文字列を解析する 質問する

HTML テキストを含む文字列を解析したいです。JavaScript で実行したいです。

私は試しました純粋な JavaScript HTML パーサー ライブラリしかし、文字列からではなく、現在のページの HTML を解析しているようです。以下のコードを試すと、ページのタイトルが変更されます。

var parser = new HTMLtoDOM("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>", document);

私の目標は、文字列のように読み取れる HTML 外部ページからリンクを抽出することです。

それを実行するための API を知っていますか?

ベストアンサー1

ダミーの DOM 要素を作成し、それに文字列を追加します。その後、任意の DOM 要素と同様に操作できます。

var el = document.createElement( 'html' );
el.innerHTML = "<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>";

el.getElementsByTagName( 'a' ); // Live NodeList of your anchor elements

編集: ファンを喜ばせるために jQuery の回答を追加しました!

var el = $( '<div></div>' );
el.html("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>");

$('a', el) // All the anchor elements

おすすめ記事