使用trHTML +=在将Json返回到表中使用if-else条件的方法如下:
下面是一个示例代码:
// 假设你已经获取到了Json数据
var jsonData = [
{ name: "John", age: 25, gender: "Male" },
{ name: "Jane", age: 30, gender: "Female" },
{ name: "Tom", age: 35, gender: "Male" }
];
// 创建一个空的字符串变量
var trHTML = "";
// 使用for循环遍历Json数据
for (var i = 0; i < jsonData.length; i++) {
var person = jsonData[i];
// 使用if-else条件判断生成不同的HTML代码
if (person.gender === "Male") {
trHTML += "<tr><td>Mr. " + person.name + "</td><td>" + person.age + "</td></tr>";
} else {
trHTML += "<tr><td>Ms. " + person.name + "</td><td>" + person.age + "</td></tr>";
}
}
// 将生成的HTML代码插入到表格中
document.getElementById("tableBody").innerHTML = trHTML;
在上面的示例代码中,我们使用了一个简单的if-else条件判断来根据每个人的性别生成不同的HTML代码。根据性别的不同,我们在表格中显示不同的称呼("Mr."或"Ms.")。
请注意,这只是一个示例,你可以根据实际需求和Json数据的结构来进行相应的修改和扩展。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云