HTML DOM имя элемента в виде строки

Question

Предположим, что у меня есть следующий фрагмент кода HTML:

<input type="text" id="myinput" /> 

Теперь я хочу, чтобы получить, что DOM элемент с помощью JavaScript:

var element = document.getElementById("myinput"); 

работает отлично, никаких проблем до сих пор ,

Но когда я печатаю его внутри окна предупреждения, используя alert(element);, он отображает object HTMLInputElement.
Есть ли способ получить это имя элемента (HTMLInputElement) в виде строки?

(Обратите внимание, что, когда говорят «имя элемента» Я не имею в видуnameатрибут элемента, а имя, как оно отображается при использовании alert(), например, как описано выше.

Answer 1

В некоторых браузерах such as Firefox (и Chrome, потенциально другие), вы можете сделать:

element.constructor.name; // => "HTMLInputElement" 

Но в целом это a bit more complicated, возможно, даже не вполне надежным. Самый простой способ может быть такой:

function getClassName(o) { 
    // TODO: a better regex for all browsers... 
    var m = (o).toString().match(/\[object (.*?)\]/); 
    return (m) ? m[1] : typeof o; 
} 
getClassName(element); // => "HTMLInputElement" 
getClassName(123); // => "number" 

[Редактировать]

Или, используя the "nodeName" attribute, вы могли бы написать функцию полезности, которая должна быть как правило, гораздо более надежными:

function getHtmlElementClassName(htmlElement) { 
    var n = htmlElement.nodeName; 
    if (n.matches(/^H(\d)$/)) { 
    return "HTMLHeadingElement"; 
    } else if (/* other exceptional cases? */) { 
    // ... 
    } else { 
    return "HTML" + n.charAt(0) + n.substr(1).toLowerCase() + "Element"; 
    } 
} 

(Спасибо @Esailija за более разумную реализацию, @Alohci за указание исключительных случаев.)

Answer 2

alert(element.nodeName); 

https://developer.mozilla.org/En/DOM/Node.nodeName

Answer 3

document.getElementById возвращает HTML-элемент в качестве объекта. Просто получить атрибут объекта, который вы хотите дис вместо этого играйте в предупреждении (например, alert(element.getAttribute('ID'));). Кроме того, если вы хотите, чтобы в предупреждении отображался «[объект HTMLInputElement]», просто вызовите метод toString() для объекта в предупреждении (например, alert(element.toString());).

Надеется, что это помогает,

Пит

Answer 4

, если я правильно получил вопрос, который вы должны попробовать document.getElementById("myinput").toString().

Answer 5

При передаче объекта функции alert() он неявно вызывает .toString() на этом объекте, чтобы получить текст для предупреждения. Вы могли бы сделать что-то вроде:

var element = document.getElementById("myInput"); 
var string = element.toString(); // this will return 'object HTMLInputElement' 

затем работать с переменной string получить только HTMLInputElement часть.