content1.innerHTML = "洪闸类型名称:" + this.mapContent.gtclstype+ "<br>" + // "终点位置:" + this.mapContent.dkep + "<br>" + " 管理单位:" + this.mapContent.munit +"<br>" + // " 洪闸类型编号:" + this.mapContent.gtcls +"<br>" + " 孔数:" + this.mapContent.hmt + "个" + "<br>" + " 闸孔宽度:" + this.mapContent.gtw + "米" + "<br>" + " 闸孔高度:" + this.mapContent.gth + "米" + "<br>" + " 进洪闸开启水位:" + this.mapContent.openz + "米" + "<br>" + " 进洪控制站:" + this.mapContent.in_control_station + "<br>" + " 设计进洪流量:" + this.mapContent.dq + "米" +"<br>" + " 设计退洪流量:" + this.mapContent.rdq +"米" + "<br>"+ " 调度规则:" + this.mapContent.opru + "<br>"+我想分开设置不同的样式呢,比如洪闸名称这样的文字一个样式,值一个样式
时间: 2024-03-15 16:45:47 浏览: 22
你可以使用 HTML 标签将不同的部分包裹起来,然后分别为它们设置样式。
例如,在洪闸类型名称和它的值之间添加一个 `<span>` 标签,并为这两个部分分别设置不同的类名:
```javascript
content1.innerHTML = "洪闸类型名称:<span class='name'>" + this.mapContent.gtclstype+ "</span><br>" +
"管理单位:<span class='unit'>" + this.mapContent.munit +"</span><br>" +
"孔数:<span class='count'>" + this.mapContent.hmt + "个</span><br>" +
// 其他部分省略
```
然后在 CSS 文件中分别定义这些类的样式:
```css
.name {
font-weight: bold;
color: red;
}
.unit {
font-style: italic;
}
.count {
font-size: 18px;
}
```
这样就可以分别为不同的部分设置样式了。
相关问题
翻译 document.getElementById("location").innerHTML = "Latitude: " + latitude + "<br>Longitude: " + longitude;
这是一段 JavaScript 代码,它将经纬度信息显示在 HTML 页面上。具体翻译为:将 document 对象中 id 为 location 的元素的 innerHTML 属性设置为 "Latitude: " + latitude + "<br>Longitude: " + longitude;
deleteCell.innerHTML = '<a href="javascript:;" >删除</a>'循环加入value
好的,如果您想在循环中为每个删除链接添加不同的 value 值,可以在循环中使用模板字符串,像下面这样修改代码:
```
deleteCell.innerHTML = `<a href="javascript:;" value="删除${i}">删除</a>`;
```
这样就可以为每个删除链接添加不同的 value,其中 `${i}` 表示当前循环的索引值。
完整代码如下:
```
<html>
<body>
<table id="myTable">
<tr>
<td>Row 1, Column 1</td>
<td><a href="javascript:;" value="删除1">删除</a></td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td><a href="javascript:;" value="删除2">删除</a></td>
</tr>
<tr>
<td>Row 3, Column 1</td>
<td><a href="javascript:;" value="删除3">删除</a></td>
</tr>
</table>
<script>
var table = document.getElementById("myTable");
var rows = table.rows;
for (var i = 0; i < rows.length; i++) {
var deleteCell = rows[i].insertCell(1);
deleteCell.innerHTML = `<a href="javascript:;" value="删除${i+1}">删除</a>`;
}
</script>
</body>
</html>
```
希望这个回答能帮到您!