在运行时初始化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);

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

Answer 1

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