Javascript cloneNode 不是函数 [英] Javascript cloneNode is not a function

问题描述

我的跨度很少:

<span name="5">a</span>
<span name="5">b</span>
<span name="5">c</span>
<span name="5">d</span>

我使用 getElementsByName 来获取 span 集合:

I use getElementsByName to get the span collection:

var spans = document.getElementsByName("5");

我接下来做的是克隆跨度并将其放入另一个跨度容器:

What I did next is clone the spans and put it into another span container:

var clonedSpan = spans.cloneNode(true);
var container = document.createElement("span");
container.appendChild(clonedSpan);

但是发生的异常是 spans.cloneNode 不是函数.

But the exception happens saying spans.cloneNode is not a function.

知道为什么吗?

推荐答案

cloneNode 是 HTMLElement 的方法，而不是 NodeList.

cloneNode is a method of an HTMLElement, not of a NodeList.

你必须在单个元素上调用它:

You have to call it on a single element:

var clonedSpan = spans[0].cloneNode(true);

这篇关于Javascript cloneNode 不是函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！