关于IE9及以下版本innerHTML问题

最新推荐文章于 2020-08-05 11:00:46 发布

qq_41088108

最新推荐文章于 2020-08-05 11:00:46 发布

阅读量631

点赞数

分类专栏： JS 文章标签： IE9 IE9innerHtml tr新增td tbody

本文链接：https://blog.csdn.net/qq_41088108/article/details/84585380

版权

本文介绍了在公司项目中遇到的一个问题，即在IE9及以下版本中，通过innerHTML动态添加表格（tr和td）时遇到内容不显示的问题。经过尝试和搜索解决方案，最终发现通过创建DOM元素并逐个插入的方式解决了该问题，这种方式同时兼容IE高版本和其他现代浏览器。

摘要由CSDN通过智能技术生成

最近公司有个项目需要迭代，这里详细就不多叙述了。其中有个页面的功能是根据后端返回的值动态添加表格，用比较直白的话讲就是，需求上在tbody中新增tr，tr中新增td和相应的内容。这里我简单贴一下相关的前端js代码供大家参考一下：

var tr = doc.createElement('tr')
tr.setAttribute('class', 'traceInfo-' + (i + 1))
tr.innerHTML = '<td class="time-hour-minute" align="right">' + formatDate(new Date(traceInfo[i].createTime), 'dd') + '日' + formatDate(new Date(traceInfo[i].createTime), 'hh') + '时' + formatDate(new Date(traceInfo[i].createTime), 'mm') + '分</td>'
                    + '<td>至</td>'
                    + '<td class="time-hour-minute" align="right">' + formatDate(new Date(traceInfo[i + 1].createTime), 'dd') + '日' + formatDate(new Date(traceInfo[i + 1].createTime)