Loading...
JavaScript DOM 操作チートシート

JavaScript DOM 操作チートシート

  • js
  • javascript
  • dom
2020-08-21
ヒカル
全員
全員

要素の検索

id を指定

document.getElementById('id');

class を指定

document.getElementsByClassName('class');

タグを指定

document.getElementsByTagName('div');

CSS セレクタを指定

(最初の一つを取得)

document.querySelector('#main .posts h1');

CSS セレクタを指定

(すべて取得)

document.querySelectorAll('a');

要素の作成・追加

作成

const div = document.createElement('div');

追加: 最初の子要素

追加: 最後の子要素

追加: 要素の直前

追加: 要素の直後

(途中だけど公開しちゃいました～誰でも続きを編集してくださいな)