nobu blog

プログラミングやゲームの話など。

*



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

      2020/11/25

背景

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

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

スポンサーリンク

実現方法

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

ActiveStorageを使用した画像アップロードとプレビュー機能(Ruby on Rails)

 - HTML, Javascript