タグ

記事
IT・テクノロジー

取得

 CSSセレクタ

document.querySelectorAll("CSSセレクタ") 
タグ.querySelectorAll("CSSセレクタ") 
見つからなかった場合
空のノードリスト
要素数
ノードリスト.length

 1つだけ

document.querySelector("CSSセレクタ")
タグ.querySelector("CSSセレクタ")

 ID

document.getElementById("ID")

 タグ名

document.getElementsByTagName("タグ")
タグ.getElementsByTagName("タグ")

 クラス名

document.getElementsByClassName("クラス")
タグ.getElementsByClassName("クラス")
 複数のクラス名をすべて持つタグ
document.getElementsByClassName("クラス1 クラス2 ...")

 座標

document.elementFromPoint(x, y) 
ビューポート座標

作成

document.createElement("タグ")

追加

 兄弟

直前
タグ.before(新)
直後
タグ.after(新)

 子

先頭
親.prepend(新)
末尾
親.append(新) 

削除

 子
親.removeChild(タグ)

コピー

タグ.cloneNode()
 子孫タグも再帰的にコピー
タグ.cloneNode(true)

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す