Javascript 如何使用类名克隆元素并将其附加到正文中

我试图学习如何使用classname克隆元素并将其附加到主体中。 这是我所做的，但我没有得到任何输出。有什么问题吗

HTML:

<div class="check">hello</div>

var elem = document.getElementsByClassName('.check');
var temp = elem[0].clonenode(true);
document.body.append(temp);

JavaScript:

<div class="check">hello</div>

var elem = document.getElementsByClassName('.check');
var temp = elem[0].clonenode(true);
document.body.append(temp);

JSIDLE链接：

---

如果不是JS，也欢迎使用jquery解决方案。

您有3个错误。正确代码：

var elem = document.getElementsByClassName('check'); // check, not .check
var temp = elem[0].cloneNode(true);  // cloneNode, not clonenode
document.body.appendChild(temp); // appendChild, not append

---

演示：您有3个错误。正确代码：

var elem = document.getElementsByClassName('check'); // check, not .check
var temp = elem[0].cloneNode(true);  // cloneNode, not clonenode
document.body.appendChild(temp); // appendChild, not append

演示：您可以执行以下操作：

$('.check').clone().appendTo('body');

您很抱歉代码有错误。首先，您使用了类选择器，而不是类名。然后您使用了一个未定义的属性（属性区分大小写），并且必须使用

appendChild

而不是jQuery的一部分

append

。您对本机javascript和jQuery太过困惑。

您可以：

$('.check').clone().appendTo('body');

---

您很抱歉代码有错误。首先，您使用了类选择器，而不是类名。然后您使用了一个未定义的属性（属性区分大小写），并且必须使用

appendChild

而不是jQuery的一部分

append

。您对本机javascript和jQuery太过困惑。

您的代码有一些问题

• 接受类名（

  check

  ），而不是选择器（

  .check

  ）
• 用大写字母N拼写（不是

  clonenode（）

  ）
• 用于附加子项的DOM方法的名称（不是

  append（）

  ）

正确版本：

var elem = document.getElementsByClassName('check');
var temp = elem[0].cloneNode(true);
document.body.appendChild(temp);

---

您的代码存在一些问题

• 接受类名（

  check

  ），而不是选择器（

  .check

  ）
• 用大写字母N拼写（不是

  clonenode（）

  ）
• 用于附加子项的DOM方法的名称（不是

  append（）

  ）

正确版本：

var elem = document.getElementsByClassName('check');
var temp = elem[0].cloneNode(true);
document.body.appendChild(temp);

你就快到了：

var elem=document.getElementsByClassName（'check'）；//从类名中删除点
var temp=elem[0]。克隆节点（真）；//大写“节点”
document.body.appendChild（临时）；//将“append”更改为“appendChild”

你好

你就快到了：

var elem=document.getElementsByClassName（'check'）；//从类名中删除点
var temp=elem[0]。克隆节点（真）；//大写“节点”
document.body.appendChild（临时）；//将“append”更改为“appendChild”

---

hello

在Jquery中，它非常简单，您只需要在内部定义新元素的含义

var elem = $('.check');
elem.clone().prependTo( "body");

---

在Jquery中，它非常简单，您只需要在内部定义新元素是什么

var elem = $('.check');
elem.clone().prependTo( "body");

---

append（）

也是一种附加子项的方法。问题也被标记为…@TJ，当然，

append（）

是一个jQuery方法，但不是DOM方法。所讨论的代码是DOM，而不是jQuery。是的，那么您应该提及它以避免混淆。

append（）

也是一种附加子级的方法。问题也被标记为…@TJ，当然，

append（）

是一个jQuery方法，但不是DOM方法。所讨论的代码是DOM，而不是jQuery。是的，那么您应该提及它以避免混淆。