사용자 정의 html 태그를 사용하는 것이 여러 가지 이유로 부적절하다는 것을 이해합니다. 그러나 사용자 정의 html 태그를 보증 할 수있는 특정 상황을 실행하고 싶습니다. 내 목표를 달성하는 방법.HTML 템플릿 (사용자 정의) 태그
내 코드 전반에 걸쳐 나는 템플릿과 숨겨진 클래스가 첨부 된 div 태그로 구성된 템플릿이라는 용어를 사용합니다. 이것은 화면에 표시되지 않지만, 기본적으로 이러한 "템플릿"태그에는 Javascript에서 다양한 항목을 만드는 데 사용하는 HTML이 포함되어 있습니다. 나는 HTML로 템플릿을 스타일링 할 수 있기 때문에 CSS를 자바 스크립트와 함께 사용하는 것에 대해 걱정할 필요가 없다.
var template = document.getElementById("template");
var clone = template.cloneNode(true);
clone.removeClass("template hidden");
같은
<!-- TEMPLATE -->
<div class="template hidden">
<span>Random Container</span>
<a href="#">Random Button</a>
</div>
자바 스크립트에서 내가 할 무언가 오히려 그래서이
<template class="hidden">
<span>Random Container</span>
<a href="#">Random Button</a>
</template>
처럼 뭔가를 할 수있을 것이라고 나는 하나의 사업부의 I에 여러 템플릿이있는 경우 그 (것)들에게 유일한 종류 이름을주는 것을하기보다는 오히려 그 (것)들을 전부 움켜 잡을 수있다. 물론 구현을 필요로하는 나의 추론은 이것보다 훨씬 깊지 만, 세부 사항으로 시간을 낭비 할 필요는 없습니다. Let 's는 나의 Javascript를 정리하는 데 도움이 될 것이라고 말합니다.
사용자 정의 템플릿 태그가 숨겨 졌기 때문에 실제로 document.getElementsByTagName ("template")을 사용하여 javascript 내에서 호출하기 편리한 컨테이너 일뿐입니다. 괜찮습니까? 나는 템플릿이 html로 구현되는 경우 사용자 정의 이름으로 태그 앞에 접두어를 붙일 것입니다.
"맞춤 HTML 태그"와 같은 것은 없습니다. HTML이거나 그렇지 않습니다. (그리고 [ "element * type * name, dammit"] (http://web.archive.org/web/20110717185451/http://www.flightlab.com/~joe/sgml/faq-not.txt) :-).) –
예, 이해합니다. 고맙습니다. 그 느낌을 분명히하기 위해 내 질문을 편집하고 싶다면, 그 자체가 꽤 이해할 만하다고 생각합니다. – ryandlf
템플릿이 보이지 않을 수도 있지만 https://en.wikipedia.org/wiki/Lynx_%28web_browser%29라고 알려줍니다. –