Javascript 未捕获类型错误：tplContent.importNode不是函数_Javascript_Html_Web Component_Html5 Template_Html Imports

Javascript 未捕获类型错误：tplContent.importNode不是函数

javascript html

Javascript 未捕获类型错误：tplContent.importNode不是函数,javascript,html,web-component,html5-template,html-imports,Javascript,Html,Web Component,Html5 Template,Html Imports,我正在阅读“Web组件”一书，并尝试了书中的以下代码： <!doctype html> <html> <body> <template id="tpl"> <h1 class="title"></h1> <div class="body"></div> </template> <script> var tplContent = document.getE

我正在阅读“Web组件”一书，并尝试了书中的以下代码：

<!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>


var tplContent=document.getElementById（“tpl”）.content；
var节点=tplContent.importNode（true）；
node.querySelector（“h1”）.textContent=“你好”；
node.querySelector（“div”）.textContent=“Ich komme aus einem Template”；
document.body.appendChild（节点）；

但我只是在第二行JS中遇到了错误：

未捕获类型错误：tplContent.importNode不是函数

我在Ubuntu上使用Google Chrome版本63.0.3239.84。有人能帮我拿这个订单吗

问候,，

应在

文档

上调用Artur

导入节点

，而不是文档中的元素


var tplContent=document.getElementById（“tpl”）.content；
//importNode是一种文档生成方法：
var节点=document.importNode（tplContent，true）；
node.querySelector（“h1”）.textContent=“你好”；
node.querySelector（“div”）.textContent=“Ich komme aus einem Template”；
document.body.appendChild（节点）；

您在此处遇到错误：

var node = tplContent.importNode(true);

tpl

没有函数

importNode（）

如果要使用：


var tplContent=document.getElementById（“tpl”）.content；
var节点=document.importNode（tplContent，true）；
node.querySelector（“h1”）.textContent=“你好”；
node.querySelector（“div”）.textContent=“Ich komme aus einem Template”；
document.body.appendChild（节点）；

您也可以在

的

内容上使用该方法
var tplContent = document.getElementById("tpl").content;
var node = tplContent.cloneNode(true);

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