如何通過javascript從模板中獲取元素？

Question

我不知道如何從javascript模板中獲取DOM元素。

示例模板：

<script id = "template" type="text/template"> 
    <div>text1</div> 
    <div>text2</div> 
    <div>text3</div> 
</script> 

例如，我想獲得的div與 「文本2」

有辦法，我知道，所有的人都壞：

1. 添加「類「到所有元素 - 它打破了語義（爲CSS創建的類）。在大型項目中，您必須使用很長的名字才能上課，這非常不方便。

2. 通過他的數字（索引）獲取元素 - 添加新元素時，必須在代碼中重寫舊數字。

Answer 1

也許您還可以根據需要創建儘可能多的模板。 每個div一個。 如果您需要一次獲得每個div，您必須爲它們設置ID ...當然，您還可以瀏覽dom裏面的腳本元素以找到您感興趣的一個...

主頁幫助

問候

mimiz

Answer 2

我看到一對夫婦的選擇：

1. 如果你不想使用class，您可以使用data-* attribute。

2. 假設你加載模板一次，然後複製其內容如需要的話，你可以把id值在所述模板中的元素，您然後刪除克隆並將其添加到文檔（這樣就不要當最終不會有同一個id這個元素的多個副本，這將是無效的，可能適得其反）。