在没有实际定义危险的情况下使用自定义元素吗？答案

【问题标题】：Is using custom element without actually defining dangerous?在没有实际定义危险的情况下使用自定义元素吗？
【发布时间】：2019-11-12 00:06:56
【问题描述】：

改为定义：

<div id="my-custom-element-101"></div>

我写道：

<my-custom-element-101></my-custom-element-101>

但没有进一步扩展 HTMLElement 并定义它。通过这种方式，我获得了一些增强的可读性，并且不需要进行任何进一步的编码。

这种做法有什么潜在的缺点吗？

【问题讨论】：

没有缺点。鲜为人知的浏览器 W3C 标准 事实是（如果元素在全局 DOM 中）id 实际上创建了一个同名的全局变量；因此，您不必使用document.getElementById('...') 和...也是W3C 标准...重复ID...返回您的元素数组...所以不需要.querySelectorAll(..)

【解决方案1】：

只要您使用有效的自定义元素表示法（即带有连字符“-”的名称），就没有绝对的缺点。

在这种情况下，它只是一个 unknown 自定义元素。

当然，如果其他人决定定义一个具有相同名称的自定义元素，您可能会遇到一些麻烦，但如果您拥有页面的整个代码，就不会发生这种情况。

还请注意，在您的示例中，您的标签 <my-custom-element-101> 被视为内联元素，而不是块。

【讨论】：