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()

JavaScript-term.icon

JavaScript-syntax.icon

https://img.shields.io/badge/JavaScript-ノード-F7DF1E.svg?logo=javascript&style=for-the-badge