parentNode / parentElement 親要素

最終更新:2026-10-13

parentNode / parentElement 親要素

parentNode は親ノードを返し、parentElement は親要素のみを返します。

カテゴリDOM操作

戻り値:親要素または null。

元の値を変更するか:いいえ(新しい値を返す)

▶ 例

コードを編集して「実行」を押すと、出力パネルに結果が表示されます。

💡 ヒント
ℹ️ info

🌐 ブラウザ対応

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
parentNode / parentElement ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
すべてのモダンブラウザで対応
さらに多くのケースは近日公開予定です。

📚 関連チュートリアル

❓ よくある質問

QparentNode と parentElement の違いは?
AparentNode は要素以外を返すことがあります。parentElement は要素のみです。
Qclosest とは何ですか?
A最も近い一致する祖先を探します — イベント委任に最適です。
Qchildren と childNodes の違いは?
Achildren は要素のみです。childNodes はテキストノードを含みます。
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%