Html 如何使用名称中没有连字符的自定义元素？

我有一个XML文件，想把它插入HTML。XML中有

标记，因此我想定义一个自定义元素

但是，似乎需要在名称中添加宣传（

-

）

我不想在XML文件中编写类似

的标记

---

有办法吗？

自定义元素必须包含连字符

但没有什么能阻止您在XML中使用

符号，然后客户端将所有这些未知标记解析为其他标记。但是你会得到一个FOUC

再见，世界
define（'my-book-elements'，类扩展了HtmleElement{
connectedCallback（）{
setTimeout（（）=>{//确保我们可以处理内部DOM节点
this.append（…[…this.queryselectoral（“*”）.map（节点=>{
让book=document.createElement（“my-”+node.localName）；
book.id=node.id；
node.remove（）；
还书；
}));
});
}
});
define（“我的书”，类扩展了HtmleElement{
connectedCallback（）{
this.innerHTML=`${this.id}`；
}
});

加载XML后，使用XSLT或其他方法转换XML。自定义元素必须包含连字符。。。