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。

在克隆对象中附加Div元素

1 个答案: