var cityHtml = "";
var cityNum = 0;
for (var index in departmentList) {
var depart = departmentList[index];
var html = "<td>
<p>" + depart.departmentName + "</p>
</td>";
if (depart.updepartment == -1) {
var tr = document.createElement("tr");
tr.innerHTML = html;
$("#province").append(tr);
}
//省级的编号是1
else if (depart.updepartment == 1) {
cityHtml += html;
cityNum++;
//每四个一行
if (cityNum % 4 == 0) {
var cityTr = document.createElement("tr");
cityTr.innerHtml = cityHtml;
$("#city").append(cityTr);
cityHtml = "";
}
}
}
var cityTr = document.createElement("tr");
cityTr.innerHtml = cityHtml;
$("#city").append(cityTr);
----------
<p id="province"></p>
<p id="city"></p>
上面是我的代码,但是得到的结果确实province的p能显示值,而city的p显示的是空的,请问是为什么呢?
是用IE10以下吗? 在chrome内核的看有没有问题
IE9以下的的innerHTML 是只读
以前做动态生成表格兼容的时候就遇到过了,只能替换节点,在网上找了下修改了下有下面的代码,你看下参考
html里面这样画表格
JS代码这样写
下面是增加内容的函数:
下面是IE使用的函数
其中function addReSpTab(tabContent)的参数tabContent就是一串字符串
不好意思,小问题innerHtml应该写成innerHTML