JavaScript:ノード
document.getElementById(id)
idで要素を取得
document.getElementsByClassName(name)
classで要素を取得
document.getElementsByName(name)
name属性で要素を取得
document.getElementsByTagName(name)
タグ名で要素を取得
document.querySelector(selectors)
セレクターで要素(最初の1つ)を取得
document.querySelectorAll(selectors)
セレクターで要素(複数)を取得

element.parentNode
親要素
element.firstElementChild
最初の子要素
element.lastElementChild
最後の子要素
element.children
子要素リスト
element.previousElementSibling
1つ前の要素
element.nextElementSibling
1つ後の要素

element.getAttribute(name)
指定属性を取得
element.setAttribute(name, value)
指定属性を設定
element.removeAttribute(name)
指定属性を削除

document.createElement(name)
指定タグで要素を作成
node.insertBefore(newElement, referenceElement)
referenceElementの前にnewElementを追加
node.appendChild(newElement)
最後の子要素として追加
node.removeChild(child)
子ノードを削除

ノードの種類
node.nodeType()
など

ノードの名前
node.nodeName()

ノードの値
node.nodeValue()


Related