要在 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助手提供，问题来源于学员提问
