这两个图形怎么用JAVASCRIPT做出来啊
老师布置的作业，要求用嵌套for循环写，而且是table标记。希望不要用太复杂的方法，不然老师不相信是我写的，谢谢了。...
老师布置的作业，要求用嵌套for循环写，而且是table标记。希望不要用太复杂的方法，不然老师不相信是我写的，谢谢了。
展开
2个回答
展开全部
这个写法够简单了 也很好理解
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
table {border-collapse:collapse;margin-top: 10px}
td {width:30px;height:30px;border:1px solid #111}
.blue {background-color: #0a8ddf;}
.light{background-color:#E7E7EB}
</style>
</head>
<script>
window.onload = function() {
var h1 = "", h2 = "";
var td = ['<td class = "blue"></td>','<td class = "light"></td>'];
for (var i = 0; i < 12; i++) {
h1 += '<tr>';
h2 += '<tr>';
for (var j = 0; j < 12; j++) {
h1 += td[j % 2];
h2 += td[(j + i) % 2];
}
h1 += '</tr>';
h2 += '</tr>';
}
document.getElementById("t1").innerHTML = h1;
document.getElementById("t2").innerHTML = h2;
}
</script>
<body>
<table id="t1">
</table>
<table id="t2">
</table>
</body>
</html>
更多追问追答
追问
如果我想在每个TD里面加入i或者j的值该怎么写呢？
追答
window.onload = function() {
var h1 = "", h2 = "";
var td = ['class = "blue"','class = "light"'];
for (var i = 0; i < 12; i++) {
h1 += '<tr>';
h2 += '<tr>';
for (var j = 0; j < 12; j++) {
h1 += '<td ' + td[j % 2] + ' >' + j + "</td>";
h2 += '<td ' + td[(j + i) % 2] + ' >' + i + "</td>";
}
h1 += '</tr>';
h2 += '</tr>';
}
document.getElementById("t1").innerHTML = h1;
document.getElementById("t2").innerHTML = h2;
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
AiPPT
2024-09-19 广告
随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
