要在 JavaScript 中动态修改 CSS，你可以使用 style 属性或者通过添加类名的方式。以下是一个示例，展示如何将每个 .row 的高度设置为固定值，并在超出内容时显示滚动条。
你可以在生成 HTML 内容时，给 .row 添加样式，或者为它们添加一个特定的类，然后在 CSS 文件中定义这个类。
修改后的代码示例
success: function(res) {
var dialogData = JSON.parse(res);
if (dialogData.success) {
let totalAmount = 0;
for (let i = 0; i < dialogData.data.loanAndCustomerList.length; i++) {
const dataInfo = dialogData.data.loanAndCustomerList[i];
console.log(dataInfo);
const htmlContent = `
<div class="row custom-row" style="margin-top:7px">
<div class="col-md-4" style="overflow-wrap: break-word;">
<label for="name${i}" class="control-label col-sm-4" style="display: inline-block; white-space: nowrap;">
Name ${i}
</label>
<div class="orientation col-sm-8" style="padding-left: 0px; padding-right: 0px;">
<input class="form-control" type="text" value="${dataInfo.name || ''}" disabled="disabled"/>
</div>
</div>
<!-- Add other fields here as needed -->
</div>
`;
// 将 HTML 内容添加到 formElement 中
self.form.prepend(htmlContent);
}
}
}
CSS 示例
然后，你可以在你的 CSS 文件中定义 .custom-row 类：
.custom-row {
height: 100px; /* 设置固定高度 */
overflow-y: auto; /* 超出部分显示滚动条 */
}
这样一来，每个生成的 .row 元素都会有固定的高度，并且当内容超出时会出现垂直滚动条。你可以根据需要调整高度和其他样式。
内容由零声教学AI助手提供，问题来源于学员提问
