Question

我需要在JavaScript for 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";

Answer 1

您正在做的是更改变量值而不设置元素的文本内容。在尝试设置元素之前，您需要首先获取元素，试试这个 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;

检查JSBin上的代码here 全文here

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

1 个答案: