nobu blog

プログラミングやゲーム、ゲーム音楽コンサート周りの話をつらつらと。

*



JavascriptでHTML文字列をパースしてDOM要素として扱う

      2019/12/30

背景

JavascriptでWEBサイト内のHTML要素を参照したい場合には、一般的に下記のようにdocument変数に対してquerySelectorなどで実現ができます。

しかしながら、WEBスクレイピング等で文字列としてHTML要素を取得した際には、そのままでは使えません。(documentはあくまで表示しているWEBサイトに対する情報なので、変数に対しては使用不可。)

スポンサーリンク

実現方法

DOMParserクラスを使用することで実現ができます。
parseFromStringメソッドの第一引数にhtml文字列、第二引数に’text/html’を渡して、戻り値に対してquerySelectorなどが使用可能になります。

 - HTML, Javascript