1. ホーム
  2. ジャバスクリプト

[解決済み】要素の親divを取得する

2022-04-03 16:56:48

質問

これは本当に簡単なことなのですが、困っています。子要素の親Divを取得するにはどうすればよいのでしょうか?

私のHTML

<div id="test">
    <p id="myParagraph">Testing</p>
</div>

私のJavaScriptです。

var pDoc = document.getElementById("myParagraph");
var parentDiv = ??????????   

と思っていたのですが document.parent または parent.container はうまくいくのですが not defined のエラーが発生します。なお pDoc は定義されていますが、そのうちの特定の変数が定義されていないだけです。

何か思い当たることはありますか?

P.S. できればjQueryは避けたいのですが。

解決方法は?

あなたが探しているのは parentNode は、どの Element を継承しています。 Node :

parentDiv = pDoc.parentNode;

便利なリファレンス

  • DOM2 コア 仕様 - すべての主要なブラウザでサポートされています。
  • DOM2 HTML 仕様 - DOM と HTML の間のバインディング
  • DOM3コア 仕様 - いくつかの更新、すべての主要ブラウザでサポートされているわけではない
  • HTML5仕様 - DOM/HTML バインディングが含まれるようになりました。