<javascript>クリックした要素の中身を取得する方法

こんにちは、おーしまです。

今回は、javascriptでクリックした要素を取得する方法について説明します。

HTML

<div class="delete-btn" id="delete-btn-0" onclick="deleteId(this)">削除</div>

onclick="deleteId(this)で、このdivをクリックした際に、この要素のデータをdeleteIdという関数に運びます。

JavaScript

window.deleteId = function deleteId(element) {
    console.log(element);
  }

window.関数名、とすることで、送ってくることができます。

このような中身となっていて、要素を丸ごと持ってくることができます。

余談ですが、要素のdivのcssに、、

  cursor: pointer;
  cursor: hand;

と記述すると、aタグのようにカーソルが指マークになってくれるので、
押せばいいことがわかりやすくなります。

今回はここまでです。
それでは、また〜