创建自定义元素不起作用 - createElement()

Question

我正在努力让我的项目对我自己来说是可读的，并且我正在尝试创建新的自定义 HTML 元素。

document.createElement("name", {is: "h2"});
document.createElement("avatar", {is: "img"});
document.createElement("description", {is: "p"});

这就是我使用它们的方式

$(`<avatar class="dropshadow" src="${friend.avatar}">`).appendTo(box);
$(`<name class="name">${friend.name}</name>`).appendTo(box);
$(`<description class="noselect">${friend.description}</description>`).appendTo(box);

不幸的是，none 这些工作。它们不被视为它们的继承元素。检查节点时，原型是 HTMLUnknownElementPrototype，这告诉我它不起作用。我在这里做错了什么？这没有意义。

Answer 1

createElement第一个参数是标签名

const name = document.createElement('h2');
const avatar = document.createElement('img');
const description = document.createElement('p');

Answer 2

好吧，我是不是很笨不能使用 createElement() 创建自定义元素，但可以使用 customElements.define() 创建自定义元素，限制是标签名称必须包含连字符。

Look here

创建自定义元素不起作用 - createElement()

Creating custom elements doesn't work - createElement()

html

javascript

createelement