Comment puis-je déterminer le type d'un élément HTML en JavaScript ?

Question

J'ai besoin d'un moyen de déterminer le type d'un élément HTML en JavaScript. Il a l'ID, mais l'élément lui-même pourrait être un <div> , a <form> champ, un <fieldset> etc. Comment puis-je y parvenir ?

Answer 1

nodeName est l'attribut que vous recherchez. Par exemple :

var elt = document.getElementById('foo');
console.log(elt.nodeName);

Notez que nodeName retourne le nom de l'élément en majuscules et sans les crochets, ce qui signifie que si vous voulez vérifier si un élément est un <div> vous pourriez le faire comme suit :

elt.nodeName == "DIV"

Bien que cela ne vous donne pas les résultats escomptés :

elt.nodeName == "<div>"

Answer 2

Qu'en est-il element.tagName ?

Voir aussi tagName Documents sur MDN .

Answer 3

Vous pouvez utiliser l'inspection de code générique via instanceof :

var e = document.getElementById('#my-element');
if (e instanceof HTMLInputElement) {}         // <input>
elseif (e instanceof HTMLSelectElement) {}    // <select>
elseif (e instanceof HTMLTextAreaElement) {}  // <textarea>
elseif (  ... ) {}                            // any interface

Regardez ici pour une liste complète des interfaces.

Answer 4

Parfois, vous voulez element.constructor.name

document.createElement('div').constructor.name
// HTMLDivElement

document.createElement('a').constructor.name
// HTMLAnchorElement

document.createElement('foo').constructor.name
// HTMLUnknownElement