.textContent在克隆的节点上不起作用

Question

I'm trying to clone a DOM element and then replace the text inside of it. Here is a very simple example.

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

The issue is that the cloning appears to prevent .textContent (or .innerHTML) from working. I get the following error...

Uncaught TypeError: pCloned.textContent is not a function

Any pointers would be much appreciated.

 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> 

Answer 1

textContent is not a function, but a simple get/set string property. Correct it to this:

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