HTML DOM元素名称作为字符串

Question

假设我有以下HTML代码段：

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

现在，我想使用JavaScript获取该DOM元素：

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

效果很好，到目前为止没有问题。

但是当我使用alert(element);在一个警告框中打印它时alert(element); ，它显示object HTMLInputElement 。
有没有一种方法来获取该元素名称（HTMLInputElement）作为字符串？

（请注意，当说 “元素名称”时， 我并不是指 元素 的 name 属性，而是名称，例如，如上所述，当使用alert()时如何显示该名称。

Answer 1

在某些浏览器中， 例如Firefox （和Chrome，可能还有其他浏览器），您可以执行以下操作：

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

但是总的来说，它有点复杂 ，甚至可能不是完全可靠的。 最简单的方法可能是这样的：

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"

[编辑]

或者，使用“ nodeName”属性 ，您可以编写一个实用程序函数，该函数通常应该更加可靠：

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

将对象传递给alert()函数时，它将隐式调用该对象上的.toString()以获得警报的文本。 您可以执行以下操作：

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

然后使用string变量仅获取HTMLInputElement部分。

Answer 4

document.getElementById将HTML元素作为对象返回。 只需获取要显示在警报中的对象的属性即可（例如alert(element.getAttribute('ID')); ）。 或者，如果要在警报中显示“ [object HTMLInputElement]”，只需在警报中的对象上调用toString（）方法（例如， alert(element.toString()); ）。

希望这可以帮助，

皮特

Answer 5

如果我有正确的问题，则应尝试document.getElementById("myinput").toString() 。