一、问题描述

IE9（包括IE9）以下，不支持通过innerHTML方法为tabel标签内增加dom。

二、问题截图

html代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="text.js"></script>
</head>
<body>
<table id="test_table" border="1px"></table>
</body>
</html>

js代码

window.onload = function (){var table_dom = document.getElementById("test_table");var resArr = [];resArr.push('<tr>');resArr.push('<td>1</td>');resArr.push('<td>2</td>');resArr.push('<td>3</td>');resArr.push('</tr>');table_dom.innerHTML = resArr.join("");
}

谷歌效果----与预期效果一致

IE10 ----与预期效果一致

IE9 ---添加dom失败

三、解决方案

通过appendChild()方法向tabel标签中添加dom。

window.onload = function (){var table_dom = document.getElementById("test_table");var trDOM = document.createElement("tr");var resArr = [];resArr.push('<td>1</td>');resArr.push('<td>2</td>');resArr.push('<td>3</td>');trDOM.innerHTML = resArr.join("");//通过appendChild添加domtable_dom.appendChild(trDOM);
}

table标签的innerHTML问题相关推荐

html中table标签及属性
table表格 HTML表格由table标签以及多个tr.th和td标签组成 table表示表格,整个表格要包含在<table></table>标签中 tr表示表格中的行,是单 ...
js 动态创建table标签下的tr标签
使用JavaScript根据后台获取的数据进行创建table标签下的tr标签前端页面中的标签部分代码 <table class="layui-table lay-even" ...
前端小技巧：js 动态创建table标签下的tr标签
使用JavaScript根据后台获取的数据进行创建table标签下的tr标签前端页面中的标签部分代码 <table class="layui-table lay-even" ...
java中table是什么标签_[Java教程]javascript格式化table标签内容
[Java教程]javascript格式化table标签内容 0 2015-07-12 20:00:08 项目中遇到这样的需求,一大段文章正文的html代码在手机中显示不全,原因是由于其它有table ...
IE6/7/8/9中Table/Select的innerHTML不能赋值
IE6/7/8/9中Table/Select的innerHTML赋值会报错,如下 <!DOCTYPE HTML> <html> <head><meta cha ...
table 标签的 rules 属性
rules 属性规定内侧边框的哪个部分是可见的. 从实用角度出发,最好不要规定 rules,而是使用 CSS 来添加边框样式. 值描述 none 没有线条. groups 位于行组和列组之间的线条. ...
python处理html的table标签
转载:http://www.xuebuyuan.com/583071.html python处理html的table标签 2012年01月06日 ⁄ 综合 ⁄ 共 5279字 ⁄ 字号小中大 ⁄ ...
Bootstrap——table标签使用横向滚动条解决方案
官方文档 https://v4.bootcss.com/docs/content/tables/ 解决方案方法一:原生CSS 给table标签添加CSS属性 table显示滚t动条,要先把table ...
PHP自学4——通过函数将数组数据输出到html的Table标签中（使用函数的例子）
这一节其实说实话并没有什么干货,不过为了防止PO主的懒癌的复发,还是坚持放一点东西,即使是内容和长度都令人发指.这一节通过一个函数来实现将数组中的内容输出html的Table标签当中显示. 函数文件- ...

table标签的innerHTML问题

一、问题描述

二、问题截图

三、解决方案

table标签的innerHTML问题相关推荐

最新文章

热门文章