html自定义标记,HTML模板（自定义）标记

我知道使用自定义html标记由于各种原因是不合适的，但我想运行一个特定的情况，可能需要自定义html标记，并希望得到其他方面的信息，或者可能更好实现我的目标的方式。HTML模板(自定义)标记

在我的代码中，我有我称之为模板的东西，它由一个带有模板的div标签和一个附加的隐藏类组成。这在屏幕上是不可见的，但基本上这些“模板”标签包含我在JavaScript中使用的HTML来创建各种不同的项目。我这样做，以便我可以在html中设置我的模板样式，而不必担心将CSS与Javascript混合。

Random Container

Random Button

在javascript中我会做类似

var template = document.getElementById("template");

var clone = template.cloneNode(true);

clone.removeClass("template hidden");

我宁愿能够做这样的事

Random Container

Random Button

所以，如果我有一个DIV我多模板可以抓住他们，而不必为他们提供独特的名字。当然，我需要实施的理由要比这更深入，但没有必要浪费你的时间与细节。我们只是说它将帮助清理我的Javascript ALOT。

由于自定义模板标记是隐藏的，实际上只不过是一个容器，可以方便地在javascript中调用document.getElementsByTagName(“template”);这可以吗？我可能会在模板被实现为html的情况下为该标签加上自定义名称的前缀。

2012-02-29

ryandlf

+1

没有像“自定义HTML标记”那样的东西。要么是HTML，要么不是。 ([它是“element * type * name，dammit”](http://web.archive.org/web/20110717185451/http://www.flightlab.com/~joe/sgml/faq-not.txt) :-)。) –

2012-02-29 21:23:03

+0

是的，我明白了，谢谢。如果你想编辑我的问题来澄清这种感觉，但我认为它很自我解释。 –

2012-02-29 21:25:26

+0

您可能认为您的模板不可见，但我告诉您它是 - https://en.wikipedia.org/wiki/Lynx_%28web_browser%29。 –

2012-02-29 22:00:30