Javascript cloneNode 用于添加新元素

Question

我想做的是。 当我点击

function runIt(text) { 
  var counter = 1;
  var comment = document.getElementById("name");
  comment.innerText = text;
  comment.cloneNode(true);
  comment.id += counter;
}
document.addEventListener("click", function(e){
    runIt("test")
}, true);

我希望它在 output“测试”下面添加一个新元素。 它不断被替换。 :(

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>t</title>
</head>
<body>
<p id="name" class="someclass"></p>
</body>
</html>

Answer 1

cloneNode返回新代码，然后您可以将append发送到 DOM。 还应在 function 之外定义计数器，然后每次递增。

 var counter = 1; function runIt(text) { var comment = document.getElementById("name"); newcomment = comment.cloneNode(true); newcomment.innerText = text; newcomment.id += counter; counter++; document.querySelector('body').append(newcomment) } document.addEventListener("click", function(e){ runIt("test") }, true);

 <p id="name" class="someclass">-</p>

Javascript cloneNode 用于添加新元素

问题描述

1 个解决方案

解决方案1
0 2021-12-03 06:58:25

Javascript cloneNode 用于添加新元素

问题描述

1 个解决方案

解决方案1 0 2021-12-03 06:58:25

解决方案1
0 2021-12-03 06:58:25