菜鸟学堂
在线运行
源代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟学堂()</title> </head> <body> <p>单击按钮将HTML标题设置从1到6的样式显示</p> <button onclick="myFunction()">点我</button> <div id="demo"></div> <script> function myFunction(){ var x="",i; for (i=1; i<=6; i++){ x=x + "<h" + i + ">Heading " + i + "</h" + i + ">"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
运行结果
在线运行
菜鸟学堂 edu.jb51.net