Question

我试图将某些东西从jquery转换为纯粹的javascript，但我不能为我的生活让它发挥作用。这是代码：

var test = document.getElementById("one");
var test2 = document.getElementById("two");
 test2.append(test.getElementsByTagName("h1"))
// $("#two").append(test.getElementsByTagName("h1"))

如果我使用jQuery注释掉的部分，它可以正常工作。任何帮助将不胜感激！

myJSfiddle

Answer 1

您必须使用appendChild() dom方法

var test = document.getElementById("one");
var test2 = document.getElementById("two");
test2.appendChild(test.getElementsByTagName("h1")[0]);

<div id="one">
  <h1>1.h1 from id=one</h1>
  <h1>2.h1 from id=one</h1>
</div>
<div id="two">
  <h3>here id=two element starts</he>
  </div>

Answer 2

你必须使用appendChild而不是append并选择集合中的第一个h1：

job_result.get()

使用javascript vs jquery将元素从一个区域移动到另一个区域

2 个答案: