Question

是否有任何解决方法在IE＆amp;中使用<template>元素边缘？

我使用<template>元素

的示例

<template id="template-comment">
    <tr>
        <td>
            <input type="text" id="input-comment-{ID}-number" name="input-comment-{ID}-number">
        </td>
        <td>
            <input type="text" id="input-comment-{ID}-text" name="input-comment-{ID}-text">
        </td>
    </tr>
</template>

JavaScript使用模板

var i = 1;

function NewComment()
{
    $("#tbody-comments").append(ReplaceAll($("#template-comment").html(), "{ID}", i++));
}

function ReplaceAll(string, find, replace) { ... }

Answer 1

如果您只需要<template>，可以从https://github.com/WebComponents/webcomponentsjs#releases下载webcomponents-lite.js。

Microsoft Edge中的模板元素为under development，并将包含在将来的更新中，因此从长远来看，Edge不需要这样做，特别是Edge是常绿自动更新浏览器。

您可以在Edge博客上详细了解我们的模板计划和其他网络组件规范：Part 1和Part 2

Answer 2

没有填充物的溶液：而不是<template>只使用<script type="text/x-html-template"> - 这甚至可以在IE和Edge中用于移动设备（这似乎与桌面上的Edge不同）。

IE中的模板元素解决方法

2 个答案: