Question

我有一个要克隆的模板。然后，我想更改input的值。它更改克隆对象中的值。但是输入中的显示值保持不变。正确的方法是什么？

let page = document.getElementById("FirstTemplate");
let clone = page.content.cloneNode(true);

clone.children[1].value = "changed";
document.getElementById("page").appendChild(clone);

<template id="FirstTemplate">
  <label for="name">Name</label>
  <input type="text" id="name"/>
</template>

<div id="page"></div>

Answer 1

在克隆模板时，您的inputs没有value属性，因此您可以尝试这样做。

例如，将具有有效负载的value属性添加到ID为name的输入中

clone.getElementById("name").setAttribute('value','My default value');

希望对您有帮助。enter code here

更改克隆模板中输入的值

1 个答案: