实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html template 实例 - 自学教程(runoops.com)</title> </head> <body> <h1>template 元素</h1> <p>点击按钮显示 template 元素中的隐藏内容。</p> <button onclick="showContent()">显示隐藏内容</button> <template> <h2>logo</h2> <img src="//demo.runoops.com/static/img/logo.png" > </template> <script> function showContent() { var temp = document.getElementsByTagName("template")[0]; var clon = temp.content.cloneNode(true); document.body.appendChild(clon); } </script> </body> </html>
运行结果：