可以通过以下步骤实现:
<table id="myTable">
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
<td></td>
</tr>
<tr>
<td>数据3</td>
<td>数据4</td>
<td></td>
</tr>
</tbody>
</table>
// 获取表格
var table = document.getElementById("myTable");
// 获取表格中的每一行
var rows = table.getElementsByTagName("tr");
// 遍历每一行(从第二行开始,跳过表头)
for (var i = 1; i < rows.length; i++) {
// 创建一个新的单元格
var cell = document.createElement("td");
// 添加Glyphicon图标到单元格
cell.innerHTML = '<span class="glyphicon glyphicon-star"></span>';
// 将新的单元格添加到当前行的最后一个单元格之前
rows[i].insertBefore(cell, rows[i].lastChild);
}
.glyphicon {
color: #ff0000; /* 设置图标颜色为红色 */
font-size: 20px; /* 设置图标大小为20像素 */
}
这样,Glyphicon图标就会动态地添加到表格的每一行的最后一个单元格中。
对于腾讯云相关产品和产品介绍链接地址,可以根据具体需求选择适合的云计算服务,例如:
请注意,以上仅为示例,具体的腾讯云产品选择应根据实际需求和场景来决定。
领取专属 10元无门槛券
手把手带您无忧上云