的document.getElementById不<template>自定義標籤

Question

我正在開發一個谷歌Chrome擴展工作，我想通過JavaScript添加到<li>標籤<ul>：

var newLI = document.createElement("LI"); 
var ul = document.getElementById('tag_list'); 
ul.appendChild(newLI); 
newLI.innerHTML = "<a href=\"dddaaaa\">" + json + "</a>"; 

和HTML：

<template id="box#add-feeds"> 
    <ul class="search-ac" id="tag_list" name="tag_list"></ul> 
</template> 

當我刪除<template>標記此代碼效果很好，但與此標記我有此錯誤：

Cannot call method 'appendChild' of null

我無法刪除模板標籤，因此我必須更改JavaScript代碼。任何想法爲什麼getElementById不起作用，如果標籤在自定義標籤<template>？

Answer 1

<template tag不是自定義標籤;這是一個新的HTML5功能。

<template>標籤的整點是它們實際上並不在文檔中。
這包括ID。

您可以使用<template>標記的DOM元素的content屬性檢查或操縱模板的內容。