第23课JavaScript 使用for循环输出HTML标签

作者(出处):百宝箱工作室发布时间:2015年3月14日 15:13:36查阅量:248

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百宝箱工作室IT微课堂 http://www.baibaox.com</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 + ">标题" + i + "</h" + i + ">";
	}
	document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
百宝箱网络工作室  版权所有  
站长QQ:1617818397  站长E-mail:1617818397@qq.com
Powered by www.baibaox.com  Copyright © 2011-2018
点击这里给我发消息  
若本文对您有帮助,请扫码打赏,您的赞助就是最好的动力