-
JavaScriptの場合: JavaScriptを使用してHTML要素の名前を取得するには、以下の手順を実行します。
<button id="myButton" onclick="handleButtonClick(this)">Click me</button>
function handleButtonClick(element) { var elementName = element.tagName; console.log("Element name:", elementName); }
上記の例では、
handleButtonClick
関数がボタンのクリックイベントのハンドラとして定義されています。この関数は、ボタンがクリックされたときに呼び出されます。handleButtonClick
関数の引数としてthis
を渡すことで、クリックされたボタンの要素を取得できます。そして、element.tagName
を使用して要素のタグ名を取得します。 -
Reactの場合: Reactを使用してHTML要素の名前を取得するには、以下の手順を実行します。
import React from 'react'; function MyButton() { const handleButtonClick = (event) => { const elementName = event.target.tagName; console.log('Element name:', elementName); }; return <button onClick={handleButtonClick}>Click me</button>; }
上記の例では、Reactコンポーネントとして
MyButton
が定義されています。handleButtonClick
関数は、ボタンがクリックされたときに呼び出されます。イベントオブジェクトのtarget
プロパティを使用してクリックされた要素を取得し、その要素のtagName
プロパティを使用してタグ名を取得します。
これらの例を使用すると、HTML要素の名前を取得してonPressに渡すことができます。自分の要件に応じて、これらの例をカスタマイズしてください。