javascript - 如何在不使用 customElement 的情况下创建自定义 HTML 标记？-6ren

javascript - 如何在不使用 customElement 的情况下创建自定义 HTML 标记？

转载作者：行者123 更新时间：2023-11-30 15:52:09

我需要在 JavaScript 中为 Firefox 创建自定义 HTML 标记。我不能使用 customElement.define()，因为它不是 Firefox 中可用的默认类。

我正在尝试使用 document.registerElement，但我认为我做对了。

我的代码有什么问题？

var My_weird_img = document.registerElement('weird-img', {
    prototype: Object.create(HTMLElement.prototype)
});

My_weird_img.textContent = "I am a B img";

最佳答案

您正在做的是更改变量值而不是设置元素的文本内容。在尝试设置它的值之前，你需要先获取元素，试试这个
HTML:

  <body>
    <weird-img>Ths is only a test</weird-img>
    </body>

Javascript:

var My_weird_img = document.registerElement('weird-img', {
prototype: Object.create(HTMLElement.prototype)
});

document.getElementsByTagName("weird-img")[0].textContent;

检查代码here在JSBin全文 here

关于javascript - 如何在不使用 customElement 的情况下创建自定义 HTML 标记？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39153555/