Javascript 如何在不使用customElement的情况下创建自定义HTML标记?

Javascript 如何在不使用customElement的情况下创建自定义HTML标记?,javascript,html,firefox,Javascript,Html,Firefox,我需要在Firefox的JavaScript中创建一个自定义HTML标记。我不能使用customElement.define(),因为它不是Firefox中可用的默认类 我正在尝试使用document.registerement,但我认为我做得不对 我的代码有什么问题 var My_weird_img = document.registerElement('weird-img', { prototype: Object.create(HTMLElement.prototype) });

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

我正在尝试使用
document.registerement
,但我认为我做得不对

我的代码有什么问题

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

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

您所做的是更改变量值,而不是设置元素的文本内容。 您需要先抓取元素,然后再尝试设置其值,请尝试此
Html:

检查JSBin的代码 全文

  <body>
    <weird-img>Ths is only a test</weird-img>
    </body>
var My_weird_img = document.registerElement('weird-img', {
prototype: Object.create(HTMLElement.prototype)
});

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