textarea select type属性がない場合

Question

type属性がない要素のtypeを取得したいです
どうやるのでしょうか？

<textarea onclick="alert(this.type)"></textarea>//textareaと出したい
<select onclick="alert(this.type)"></select>//selectと出したい
<form onclick="alert(this.type)"></form>//formと出したい

Comments

[maisumakun]

> type属性がない要素のtypeを取得したいです

なぜそのようなことをしたいのでしょうか？

Answer 1

nodeNameを参照ください。（ただし大文字でタグ名が戻ります）

<script>
document.addEventListener('click',e=>{
  let t;
  if(t=e.target.closest('form,textarea,select')){
    console.log(t.nodeName);
  }
});
</script>

<form>
<textarea>test</textarea>
<select>
<option value="">----</option>
</select>
<span>here is form</span>
</form>

ちょっと調整しました

Answer 2

typeがないのでtagNameプロパティを参照します。
https://developer.mozilla.org/ja/docs/Web/API/Element/tagName