Javascript：創建在JSP中定義的DOM元素

Question

在我的.jsp文件中，我定義了如下列表：

<script type="text" id="my_list">
    <ol class="a-ordered-list a-vertical a-spacing-medium"></ol>
</script>

我想在需要時用Javascript動態創建此類列表（在此定義了確切的CSS）。 像這樣：

function updateData(data, cell, $) {
    var list = document.createElement($("#my_list").html());
    // ...

但是，這導致：

未捕獲的DOMException：無法在“文檔”上執行“ createElement”：提供的標記名

('
        <ol class="a-ordered-list a-vertical a-spacing-medium"></ol>
    ')

不是有效的名稱。

如何實現呢？ 如何在JS中從HTML動態創建預定義元素？

Answer 1

由於您使用的是jQuery：

var list = $($("#my_list").html());

然后，您可以使用jQuery API將其附加到DOM（例如）：

$("#something").append(list);

document.createElement() API僅需要標記名稱，因此傳遞完整的標記是導致您出錯的原因。 對於jQuery，標記是可以的，它使用另一種方法來構建新的DOM節點。