キャッチされない例外TypeErrorは：tplContent.importNodeは、私は本からの次のコードを著書「WebコンポーネントMITポリマー」を読んでみましたよ機能

ではありません。キャッチされない例外TypeErrorは：tplContent.importNodeは、私は本からの次のコードを著書「WebコンポーネントMITポリマー」を読んでみましたよ機能

<!doctype html> 
<html> 
<body> 
<template id="tpl"> 
    <h1 class="title"></h1> 
    <div class="body"></div> 
</template> 
<script> 
    var tplContent = document.getElementById("tpl").content; 
    var node = tplContent.importNode(true); 
    node.querySelector("h1").textContent = "Hallo Welt"; 
    node.querySelector("div").textContent = "Ich komme aus einem Template"; 
    document.body.appendChild(node); 
</script> 
</body> 
</html>

が、私はちょうど二JSで停止します

Uncaught TypeError: tplContent.importNode is not a function

私はUbuntuでGoogle Chromeのバージョン63.0.3239.84を使用しています。誰かがこのお手伝いできますか？

よろしく、アルトゥル

出典

2017-12-20 justcasper

importNodeは、ドキュメント内の要素ではない、documentに呼び出されなければなりません。 MDNから

<!doctype html> 
 
<html> 
 
<body> 
 
<template id="tpl"> 
 
    <h1 class="title"></h1> 
 
    <div class="body"></div> 
 
</template> 
 
<script> 
 
    var tplContent = document.getElementById("tpl").content; 
 

 
    // importNode is a method of document: 
 
    var node = document.importNode(tplContent, true); 
 

 
    node.querySelector("h1").textContent = "Hallo Welt"; 
 
    node.querySelector("div").textContent = "Ich komme aus einem Template"; 
 
    document.body.appendChild(node); 
 
</script> 
 
</body> 
 
</html>

： <template>と here document.importNode()を使用して上の

The Document method importNode() creates a new copy of the specified Node or DocumentFragment from another document so that it can be inserted into the current Document. It is not yet included in the document tree; to do that, you need to call a method such as appendChild() or insertBefore() .

追加情報。

出典

2017-12-20 22:29:53

あなたはここでエラーを持っている：

var node = tplContent.importNode(true);

tpl使用したい場合は関数にimportNode()

を持っていないimportNode：

var node = document.importNode(tplContent, true);

<!doctype html> 
 
<html> 
 
<body> 
 
<template id="tpl"> 
 
    <h1 class="title"></h1> 
 
    <div class="body"></div> 
 
</template> 
 
<script> 
 
    var tplContent = document.getElementById("tpl").content; 
 
    var node = document.importNode(tplContent, true); 
 
    node.querySelector("h1").textContent = "Hallo Welt"; 
 
    node.querySelector("div").textContent = "Ich komme aus einem Template"; 
 
    document.body.appendChild(node); 
 
</script> 
 
</body> 
 
</html>

出典

2017-12-20 22:29:53 edkeveked

代わりに<template>のcontentでcloneNode()メソッドを使用できます。

var tplContent = document.getElementById("tpl").content; 
var node = tplContent.cloneNode(true);

出典

2017-12-23 17:22:27 Supersharp

キャッチされない例外TypeErrorは：tplContent.importNodeは、私は本からの次のコードを著書「WebコンポーネントMITポリマー」を読んでみましたよ機能

答えて

関連する問題