2017-05-18 6 views
-1

DOM要素をクローンして、その中のテキストを置き換えようとしています。ここには非常に簡単な例があります。クローンしたノードで.textContentが動作しない

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>

+0

エラーメッセージは**本当に**クリアです: 'textContent'は関数ではありません。それはプロパティです。私はあなたの基礎研究を投稿する前に行うことをお勧めします。たとえば、これはDuckDuckGoとGoogleの両方で検索 "textContent"のトップヒットです:https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent –

答えて

2

textContent機能ではありませんが、簡単な取得/設定文字列プロパティ。これに修正してください:

pCloned.textContent = 'This is a cloned paragraph'; 
関連する問題