.textContent不在克隆节点上工作

时间:2017-05-18 11:31:29

标签: javascript

我正在尝试克隆DOM元素,然后替换它内部的文本。这是一个非常简单的例子。

https://codepen.io/anon/pen/rmZbPR

问题在于克隆似乎阻止了.textContent(或.innerHTML)的工作。我收到以下错误...

Uncaught TypeError: pCloned.textContent is not a function

任何指针都会非常感激。

var p = document.getElementById('para');
var pCloned = p.cloneNode(true);

// Remove this to see that the clone works correctly
pCloned.textContent('This is a cloned paragraph');

document.getElementById('list').appendChild(pCloned);
<p id="para">This is a paragraph</p>

<div id="list"></div>

1 个答案:

答案 0 :(得分:3)

textContent不是函数,而是一个简单的get / set字符串属性。纠正它:

pCloned.textContent = 'This is a cloned paragraph';