jsdom の使い方 [Node.js]

jsdom

参考：

jsdom/jsdom: A JavaScript implementation of the WHATWG DOM and HTML standards, for use with node.js – GitHub

使い方

参考：

Node.js + https + jsdom で超簡単に HTML の要素やテキストを調べる方法 | iwb.jp

fromURL

参考：

jsdom を 10.0.0 に上げた際のメモ | だれも聞いていないと思って歌え

fromURL – jsdom/jsdom – GitHub

fragment

参考：

fragment – jsdom/jsdom – GitHub

jQuery を使う

const { JSDOM } = require('jsdom')
const jqFactory = require('jquery')

const dom = new JSDOM('<div id="test">Hello</div>')
const $ = jqFactory(dom.window)

const msg = $('#test')[0].textContent
console.log(msg)

参考：

Node で jQuery 使用 – teratail

DOMParser

参考：

DOMParser | MDN

Using DOMParser in javascript testing with mocha and JSDOM – Stack Overflow

ReferenceError

DOM を操作しようとして document が定義されていない旨のエラーが発生する。

ReferenceError: document is not defined

原因：

Node.js をローカルで使用した場合、DOM のルートとなる document オブジェクトが存在しない。

対処法：

jsdom を使用する。

参考：

document is not defined – Stack Overflow

jsdom-global

参考：

rstacruz/jsdom-global: Enable DOM in Node.js – GitHub

jsdom を DOM 操作で使うなら jsdom-global も使おう | YongJin Kim’s Blog