ページの innerHTML を、クリックした要素の innerHTML に変更しようとしています。唯一の問題は、次のように要素全体を取得したいことです。
<section
class="homeItem">
<div>
<!-- more HTML here -->
</div>
</section>
一方、私が JavaScript で書いたコードは次のようになります。
function selectedProduct(event){
target = event.target;
element = document.getElementById("test");
element.innerHTML = target.innerHTML;
}
クリックした特定の要素をターゲットにします。
私が実現したいのは、要素内の任意の場所をクリックすると、クリックした特定の要素ではなく、要素<section>全体の innerHTML が取得されることです。<section>
これはクリックされた要素の親要素を選択することに関係していると思われますが、確信が持てず、オンラインでも何も見つかりません。
可能であれば、JQuery は使用したくないです。
ベストアンサー1
必要なのは を使用することだと思いますevent.currentTarget。これには、実際にイベント リスナーを持つ要素が含まれます。したがって、 全体<section>に イベント リスナーがある場合event.target、クリックされた要素は になり、<section>は になりますevent.currentTarget。
そうでなければ、parentNodeあなたが探しているものかもしれません。