html循环代码怎么写
时间: 2023-10-09 13:16:15 浏览: 36
在 HTML 中循环通常使用以下两种方式:
1. 使用 HTML 的 `<table>` 标签
```html
<table>
<tbody>
<!-- 循环开始 -->
<tr>
<td>第 1 行</td>
</tr>
<tr>
<td>第 2 行</td>
</tr>
<tr>
<td>第 3 行</td>
</tr>
<!-- 循环结束 -->
</tbody>
</table>
```
可以使用 JavaScript 生成循环的 HTML 代码,例如:
```html
<table>
<tbody id="myTable"></tbody>
</table>
<script>
var tbody = document.getElementById("myTable");
for(var i = 1; i <= 3; i++) {
var tr = document.createElement("tr");
var td = document.createElement("td");
td.innerHTML = "第 " + i + " 行";
tr.appendChild(td);
tbody.appendChild(tr);
}
</script>
```
2. 使用 HTML 的 `<ul>` 和 `<li>` 标签
```html
<ul>
<!-- 循环开始 -->
<li>第 1 行</li>
<li>第 2 行</li>
<li>第 3 行</li>
<!-- 循环结束 -->
</ul>
```
可以使用 JavaScript 生成循环的 HTML 代码,例如:
```html
<ul id="myList"></ul>
<script>
var ul = document.getElementById("myList");
for(var i = 1; i <= 3; i++) {
var li = document.createElement("li");
li.innerHTML = "第 " + i + " 行";
ul.appendChild(li);
}
</script>
```