主页
HTML 参考手册
HTML <template> 标签
tryhtml5_template
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <h1>template 元素</h1> <p>单击下面的按钮可显示模板元素中隐藏的内容。</p> <button onclick="showContent()">显示隐藏内容</button> <template> <h2>花</h2> <img src="img_white_flower.jpg" width="214" height="204"> </template> <script> function showContent() { var temp = document.getElementsByTagName("template")[0]; var clon = temp.content.cloneNode(true); document.body.appendChild(clon); } </script> </body> </html>