开发类ReactJS的JS库：如何获取动态创建元素的标签名？

直接利用DOM元素自带的tagName属性就能拿到标签名，默认返回大写形式，要是需要小写的话调用toLowerCase()方法即可。

修改你的示例代码如下：

// 获取动态创建元素的标签名
let demo = document.createElement("div");

function example(element){
  // 获取标签名并转为小写
  console.log(element.tagName.toLowerCase());
  // 输出: "div"
}
example(demo);

补充说明 #

• 如果不需要小写格式，直接使用element.tagName会返回大写的标签名（比如"DIV"）
• 也可以选择使用element.localName或者element.nodeName：
  • element.localName始终返回小写的标签名（现代浏览器均支持）
  • element.nodeName对于元素节点来说，返回结果和tagName一致，为大写形式

内容的提问来源于stack exchange，提问作者Saneesh