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

初始化模板的图像属性，如下所示：

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

上执行该操作，那么模板将保持原样/未修改。

除非您需要

src

属性的原始值，否则没有实际意义。由于链接的示例具有

src=”“

，这在HTML中没有任何意义，因此该示例将永远不会出现这种情况