javascript 中document的用法

最新推荐文章于 2020-11-12 19:35:57 发布

转载最新推荐文章于 2020-11-12 19:35:57 发布 · 635 阅读

本文介绍了一种使用JavaScript动态生成HTML表格的方法，并通过具体的代码示例展示了如何创建一个九九乘法表。该方法利用了document.write()函数来直接输出HTML结构，通过双重循环实现了乘法表的内容填充。

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>javascript</title>
	<script type="text/javascript" >
		document.write("<table border='1'");
		for(var x=1;x<=9;x++)
		{
			document.write("<tr>");
			for(var y=1;y<=x;y++)
				document.write("<td>"+x+"*"+y+"="+(x*y)+"</td>");
			for(var z=1;z<=9-x;z++)
				document.write("<td> </td>");
			document.write("</tr>");
		}
		document.write("</table>");
	</script>
</head>
<body>
<p></p>
</body>
</html>