1. ホーム
  2. javascript

[解決済み] event.targetを使用して、要素の親要素をターゲットにすることができますか?

2022-05-13 14:25:56

質問

自分のページのinnerHTMLを、クリックした要素のinnerHTMLになるように変更しようとしています。

<section class="homeItem" data-detail="{"ID":"8","Name":"MacBook Air","Description":"2015 MacBook A…"20","Price":"899","Photo":"Images/Products/macbookAir.png"}"></section>

javascriptで記述したコードです。

function selectedProduct(event){
  target = event.target;
  element = document.getElementById("test");
  element.innerHTML = target.innerHTML;
}

は、クリックした特定の要素をターゲットにします。

のどこかをクリックしたときに、その要素をターゲットにするようにしたい。 <section> 要素のどこかをクリックしたときに、クリックした特定の要素ではなく、要素全体の innerHTML を取得することです。

私はそれがクリックされたものの親要素を選択することに関係するものであると推測しますが、私は確信がなく、オンラインで何かを見つけることができません。

可能であれば、私はJQueryから離れたいと思います。

どのように解決するのですか?

私は、あなたが必要とするものは event.currentTarget . これは、実際にイベントリスナーを持つ要素を含むことになります。ですから、もし全体の <section> がイベントリスナーを持つ場合 event.target がクリックされた要素になり <section>event.currentTarget .

その他 parentNode は、あなたが探しているものであるかもしれません。

currentTargetへのリンク

親ノードへのリンク