備忘録

備忘録

JavaScriptでセレクターを利用する方法

JavaScript

Ⅰ. はじめに
Ⅱ. Webブラウザの場合
Ⅲ. NodeJSの場合
- 1. 必要なパッケージをインストールする
- 2. サンプルプログラムを書く
参考

Ⅰ. はじめに

タイトルの通り「JavaScriptでセレクターを利用する方法」です。

Ⅱ. Webブラウザの場合

document.querySelector('body > div > h1').innerText

// 「http://example.com/」での実行結果
// Example Domain

Ⅲ. NodeJSの場合

1. 必要なパッケージをインストールする

npm install jsdom

2. サンプルプログラムを書く

const { JSDOM } = require('jsdom');

(async () => {
  const dom = await JSDOM.fromURL('http://example.com')
  const text = dom.window.document.querySelector('body > div > h1').textContent
  console.log(text)
  // 実行結果
  // Example Domain 
})()

参考