<html>
<body>
<table id="mytable">
<tr>
<th >adf</th>
<th >123</th>
<th >342</th>
<th >4545</th>
</tr>
</table>
<script>
var fragment = document.createDocumentFragment();
var tableElement = document.getElementById("mytable");
alert(tableElement .innerHTML); //输出值为<TBODY><TR>.....</TR></TBODY>
alert(tableElement .outerHTML);//输出值为<TABLE id=mytable><TBODY><TR>...</TR></TBODY></TABLE>
for (var i=0; i<10; i++) {
var tr = document.createElement("tr");
for (var j=0; j<4; j++) {
var td = document.createElement("td");
td.innerHTML = "111";
tr.appendChild(td);
fragment.appendChild(tr);
}
}
tableElement .appendChild(fragment);
//如果注释掉这句，在ie8下不会增加tr，在firefox下表现正常
//判断是否是ie浏览器，如果是的话用tableElement .outerHTML = tableElement .outerHTML保证append标签正确使用
if(document.all) {
tableElement .outerHTML = tableElement .outerHTML; //outHTML是ie下特有的属性，firefox下没有
}
</script>
</body>
</html>
分享到：
相关推荐
1. **CSS Display属性**：在CSS中，可以使用`display`属性将div元素模拟为表格单元格（`<td>`）或表格行（`<tr>`）。例如，设置`display: table-cell`和`display: table-row`可以让div元素模仿table的行为。 2. **...
在IE9浏览器中，当通过JavaScript动态地将表格中的行元素（tr元素）的display样式设置为"none"时，浏览器会发生崩溃。这个现象涉及到浏览器渲染机制和JavaScript的交互，尤其在IE浏览器中较为常见，尤其是在处理表格...
标题中的“IE又一个让人吐血的BUG: 关于 table的position 和 select”指的是在Internet Explorer浏览器中，当处理表格（table）元素的定位（position）属性与下拉选择框（select）元素交互时出现的一个常见问题。...
然而，在某些IE浏览器版本中，其内置的`fixed column`功能存在一些bug，导致冻结的列内容无法正常显示。这个问题主要出现在IE10和IE11等较旧的IE浏览器版本中。 **问题描述** 当表格列数量超过屏幕宽度时，表格会...
第一个问题是fixed的tr在ie7中不能进行定位，而且td在定位后并不能保持在表格中的布局，这样在原表格插tr就没意义了。 ps：fixed的相关应用可参考仿LightBox效果。 最后我用的方法是新建一个table，并把源tr克隆到...
在前端开发领域，表格排序是常见的需求，尤其是在数据展示和管理的应用中。"前端项目-sortable.zip" 提供了一个简洁而优雅的解决方案，名为 "sortable"。这个项目旨在帮助开发者轻松实现对表格数据的排序功能，提升...
但在IE中，可以通过JavaScript表达式来实现。 **示例**： ```css #container { min-width: 600px; width: expression(document.body.clientWidth ); } ``` #### 九、DIV浮动IE文本产生3像素的bug 在IE中，当左边...
但在IE6-IE9中，尝试通过`innerHTML`为`<tbody>`元素赋值会导致错误，这主要是由于浏览器对表格元素的处理方式不同。 首先，我们来看一个简单的示例代码，该代码展示了在IE6-IE9中遇到的问题： ```html <!DOCTYPE ...
在网页开发过程中，兼容性问题始终是一个不可忽视的挑战，尤其是在面对像IE6这样历史悠久且存在诸多bug的浏览器时。本文将详细介绍几种可能导致IE6浏览器崩溃的CSS和JavaScript使用方式，帮助开发者避免这些陷阱，...
3. 在Table中，`<TR>`是表格行（Table Row），`<TD>`是表格单元格（Table Data Cell）。 4. 为一行两列的表格定义高度，最合理的是在`<table>`标签中定义，以减少代码冗余。 5. 对`ul li`的样式设为无下划线，应使用...