javascript - 在加载 DOM 时创建自定义 HTML 标签

我正在创建 Live Editor ，而且我必须定义一个函数，该函数在 DOM 时发生开始加载或正在加载..

所以我必须创建一个自定义 HTML 标签并将其放在 Document 中, 但不在 Body 中标记，

因此，如果用户从 <head> 调用它它刚刚发生并开始工作是否看到如果 DOM是否加载并创建自定义 TAG <html> 内部或外部.

只是现在我写了一些像 Jsfiddle 中给出的那样工作的东西 - onload , onDomready , No Wrap - in <body>但我希望它能在 No Wrap - in <head> 中工作

那么如何完成这个任务呢？是否可以在加载 DOM 之前创建或添加自定义 TAG？

这是我的代码-

最佳答案

"So in that i have to create a Custom HTML Tag and place it in Document,but not in Body tag"

为此请查看 createDocumentFragment和 createElement :

var newfrag = document.createDocumentFragment(),
element = document.createElement("div");
element.innerHTML = "Test";
newfrag.appendChild(element);

这将创建元素但不会将其放置在 html 正文中。

回复:自定义属性

HTML5 中的有效自定义元素 (<!DOCTYPE html>) 要求名称包含短划线 (-)

我们需要注册并初始化它们

var newElement = document.registerElement('custom-element');
var element = document.createElement( new newElement() );

这些是对的几个答案。

不确定你能走多远……希望能有所帮助。

*更新/修复:* Ashish 能够通过定位 <HTML> 来让代码在他的设置上运行标签而不是 <body>标记并提供以下演示 - http://jsfiddle.net/ashish41191/3Bayt/3

关于javascript - 在加载 DOM 时创建自定义 HTML 标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21960946/