https://idea-hack.com/courses/6-convenient-events-to-detect-drag-and-drop-in-javascript/lessons/how-to-use-parentnode-property-that-can-get-parent-element-of-specific-element-in-javascript/
https://idea-hack.com/courses/6-convenient-events-to-detect-drag-and-drop-in-javascript/lessons/how-to-use-parentnode-property-that-can-get-parent-element-of-specific-element-in-javascript/

JavaScriptで特定要素の親要素を取得することができるparentNodeプロパティの使い方

特定要素の親要素を取得するparentNodeプロパティ

JavaScriptで特定要素の親要素を取得するには、parentNodeプロパティを利用します。

プロパティ

プロパティ意味返り値
【特定要素】.parentNode【特定要素】の親要素要素(Element)
parentNodeプロパティ

サンプルコード

サンプルコードとして、【特定要素】の親要素の文字列を書き換えるスクリプトを紹介します。

Output
【親要素の書き換え】
親要素
子要素1
子要素2
子要素3
Pug
#targetArea 【親要素の書き換え】
		#targetParent 親要素
			.targetChild 子要素1
			.targetChild 子要素2
			.targetChild 子要素3
JavaScript
const targetList = document.querySelector('.targetChild');
//テキストの書き換えを行う
targetList.parentNode.innerHTML = targetList.parentNode.innerHTML.replace('親要素', 'Hello World');
インストラクター
コメント

コメントを残す