javascript - 有没有办法不用 document.registerElement() 来定义新的 HTML 元素？

Question

在某些浏览器中，您可以使用真正不兼容的 Document.registerElement() API 定义具有自定义功能的新 HTML 元素等。有没有办法避免使用此 API 并创建与许多浏览器兼容的新 HTML 元素？

Answer 1

嗯，是的。使用 DOM standard :

document.createElement("element type")

您可以(但我不知道您为什么会)使用它来创建非标准元素。之后，它们只是 JavaScript 对象，因此您可以像自定义任何其他对象一样自定义它们。

In an HTML document, the Document.createElement() method creates the HTML element specified by tagName, or an HTMLUnknownElement if tagName isn't recognized.

// Causes an HTMLUnknownElement to be created
var e = document.createElement("custom");

// Supports basic element interface
e.innerHTML = "I'm in a new <custom> element.";

// But, is a JS object like any other and so customized
// as such:
e.custom = function(){
  alert("custom operation");
};

// Is an element node (although invalid), so can be inserted into the DOM
document.body.appendChild(e);

// But, has custom functions:
e.custom();