在克隆对象中追加Div元素

Question

我只是想将一些数据添加到克隆对象中的“ employeeId” div元素中，而无法找出正确的语法来做到这一点。

这是原始对象的一些布局：

<div id="container">
       <div id="reimbursement">
        <div class="row">
            <div class="col">
              Employee ID:
                <div id="employeeId">
                </div> 

这是用于创建克隆的JavaScript：

        let reimbursement = document.getElementById("reimbursement");
        let reimbursementClone = reimbursement.cloneNode(true);
        document.getElementById("container").appendChild(reimbursementClone);

Answer 1

只需使用querySelector从新克隆中获取元素，然后向其中添加相关数据：

 let reimbursement = document.getElementById("reimbursement"); let reimbursementClone = reimbursement.cloneNode(true); document.getElementById("container").appendChild(reimbursementClone); reimbursementClone.querySelector("#employeeId").innerText = "something"; 

 <div id="container"> <div id="reimbursement"> <div class="row"> <div class="col"> Employee ID: <div id="employeeId"> </div> </div> </div> </div> 

尽管上面的代码可以工作，但是克隆会导致多个具有相同ID的实例无效。 您应该将employeeId更改为类，并将类选择器传递给reimbursementClone.querySelector 。