javascript - 在运行时初始化 HTML 模板图像属性

Question

htmlrocks rock article - html's new template tag像这样初始化模板的图像属性:

var t = document.querySelector('#mytemplate');
// Populate the src at runtime.
t.content.querySelector('img').src = 'logo.png';

var clone = document.importNode(t.content, true);
document.body.appendChild(clone);

这是初始化它的正确方法吗？看来我们应该执行初始化克隆图像属性的操作，而不是 t 变量。我假设如果我们对 t 变量执行操作，那么实际上会重写模板，而如果我们对 clone 执行操作，那么模板将保持原样/未修改。

Answer 1

除非您需要 src 属性的原始值，否则它没有实际区别。由于链接的示例具有 src=""，这在 HTML 中没有任何意义，因此该示例永远不会出现这种情况。