
JavaScript DOM 操作チートシート
- js
- javascript
- dom
要素の検索 | |
---|---|
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'); |
追加: 最初の子要素 | |
追加: 最後の子要素 | |
追加: 要素の直前 | |
追加: 要素の直後 | |
(途中だけど公開しちゃいました~誰でも続きを編集してくださいな) |
▼シェア