这段代码就相当于用表格做了一个仿墨迹天气的一个效果。
// 创建天气表格
// captionvalue 表格标题
// names表头数据,传入的是一个表头数组
// value 表格数据,传入的是一个数组
function createWeatherTable(captionvalue, names, values){
var heightTablle = document.createElement("table");
var caption = document.createElement("caption");
caption.innerText = captionvalue;
heightTablle.appendChild(caption);
var thead = document.createElement("thead");
heightTablle.append(thead);
for (var i = 0; i < names.length; i++){
var headrow = document.createElement("tr");
thead.appendChild(headrow)
if (i!=3 && i!=4){
for (var j = 0; j < values.length; j++){
createtdwithContent(values[j][i], headrow, "td");
}
}else if(i==3){
var td = createtdwithContent('', headrow, 'td');
td.colSpan = 7;
td.rowSpan = 2;
td.setAttribute('id','temperatureForecastMap')
}
}
return heightTablle;
}