Javascript 按类获取节点的子级（HTML模板）

我有一个模板，我将添加到身体多次。除其中一个元素中的文本不同外，每个元素都是相同的：

<template id="template">
  <div class="activity">
    <p class="activityName"> <!-- to be changed -->
    </p>
    <button type="button" class="btn btn-primary">
      Edit
    </button>
  </div>
</template>

如何使用：

clon.querySelector(".activityName").innerHTML = "text"; 

querySelector

函数查找与指定选择器匹配的第一个元素，在这种情况下，我们的选择器是

。activityName

这意味着函数将查找类为

activityName

的第一个元素

现在，如果要获得具有相同类的所有节点，必须使用

querySelectorAll

函数

---

我看到您使用了

template.content

，但在template元素中没有一个名为

content

的属性，可能您的意思是

var clon=template.querySelector（'.activity'）

我在该模板之前的教程中读到。内容是完成所需任务的一种方法。我检查过了，它工作正常，所以没有问题。你的解决方案很有效——正是我想要的。谢谢

clon.querySelector(".activityName").innerHTML = "text";