W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <h1>template 元素</h1> <p>单击下面的按钮可显示 template 元素中隐藏的内容。</p> <button onclick="showContent()">显示隐藏的内容</button> <template> <h2>郁金香</h2> <img src="/i/photo/tulip.jpg" width="300" height="300"> </template> <script> function showContent() { let temp = document.getElementsByTagName("template")[0]; let clon = temp.content.cloneNode(true); document.body.appendChild(clon); } </script> </body> </html>