有没有 element.tagName 的替代品？答案

【问题标题】：Is there an alternative to element.tagName?有没有 element.tagName 的替代品？
【发布时间】：2020-10-01 13:13:03
【问题描述】：

我正在使用一个相当旧的铬 (Chromium 25) 版本。我想使用 tagName 来获取使用的 HTML 标记的名称。我知道Element.tagName 适用于 43+ 铬版本，但我可以为旧版本使用替代方案吗？

【问题讨论】：

【解决方案1】：

你需要nodeName

来自tagNamedoc

对于 Element 对象，tagName 的值与元素对象从 Node 继承的 nodeName 属性的值相同。

下面的截图是tagName的浏览器兼容性

const el = document.getElementById('test')
console.log(el.tagName)
console.log(el.nodeName)

&lt;span id="test"&gt;Example&lt;/span&gt;

【讨论】：

您可以使用管道，例如const tagName = el.tagName | el.nodeName 总是得到一个或另一个。或者，您可以为 Element.tagName 创建一个 shim 或 polyfill 以返回 nodeName。
@Mr.Polywhirl 确定，谢谢，这里分开的日志只是为了演示
@Mr.Polywhirl 我假设您的意思是逻辑或而不是按位或？我不相信后者会给你任何明智的选择。
@Ivar 你是对的，我的错...const tagName = el.tagName || el.nodeName