`
harrison2010
  • 浏览: 108404 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ie的bug让我头疼(tbody)

    博客分类:
  • js
IE 
阅读更多
想想自己辛辛苦苦写的动态创建table竟然不能得到自己想要的结果
上网要查才发现说ie有bug,现在总结下,网上说能用insert的地方就不要用
appendchild。
createElement("table");
createElement("tr");
createElement("td");
tr-appendchild-td
table-appendchild-tr

发现不能出现自己想要的结果
原来需要在table和tr之间许需要一个tbody
createElement("tbody");
tr-appendchild-td
tbody-appendchild-tr
table-appendchild-tbody

最后document.body.appendchild(table);

ok搞定了
而且以后尽量使用insertrow这样要比那样轻松了啊


1
2
分享到:
评论

相关推荐

    table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法

    table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...

    IE6-IE9中tbody的innerHTML不能赋值的解决方法

    IE6-IE9中tbody的innerHTML不能复制bug</title> </head> <body style=height:3000px> <tbody> <tr><td>aaa</td></tr> </tbody> <button id=btn1>GET</button><button id=btn2&...

    bootstrap表格固定表头并且tbody部分添加滚动条

    Bootstrap表格在设计网页时是一种非常常用的组件,尤其在处理大量数据时,为了提供更好的用户体验,我们经常需要在tbody部分添加竖向滚动条,同时保持表头固定不动。这样,当用户滚动内容时,表头始终保持可见,便于...

    IE bug table元素的innerHTML

    本文将详细讨论一个特定的IE bug,涉及到`table`元素及其`innerHTML`属性。 首先,`table`元素在HTML中用于创建表格,是一种结构化元素,用于展示数据。它遵循严格的嵌套规则,包含`thead`、`tbody`、`tfoot`、`tr`...

    IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案

    最近发现各大类库都能利用xxx[removed]=HTML片断来生成节点元素,再把它们插入到目标元素的各个位置上。这东西实际上就是insertAdjacentHTML,但是IE可恶的innerHTML把这优势变成劣势。

    IE6-IE9兼容性问题列表及解决办法

    # IE6-IE9兼容性问题列表及解决办法 ## 概述 随着技术的发展,浏览器不断迭代更新,为了确保网站能在不同的浏览器版本下正常显示和运行,了解并解决兼容性问题是前端开发者的重要任务之一。从IE6到IE9,微软的...

    tbody元素支持嵌套的注意方法

    tbody元素支持嵌套的注意方法 在HTML中,tbody元素是table元素的一个子元素,用于定义表格的主体部分。tbody元素可以嵌套其他元素,如tr、td等,以便创建复杂的表格结构。但是,在使用tbody元素时需要注意一些方法...

    CSS设置table下tbody的滚动条的实现

    CSS设置table下tbody的滚动条实现是一种网页布局技术,能够让HTML表格的tbody部分在内容超出可视区域时显示出垂直滚动条,而thead(表头)则保持固定不动。这种技术在制作具有大量数据内容的网页表格时非常有用,...

    IE 不兼容的几个js问题及解决方法

    ### IE浏览器中的JavaScript不兼容性问题及解决方案 #### 一、Table操作问题 **问题描述:** 在使用JavaScript动态创建`<table>`元素并添加行(`<tr>`)或单元格(`<td>`)时,直接使用`document.createElement()`...

    IE创建动态表格注意事项

    创建动态表格时,开发者需要关注IE8及更早版本对HTML5新特性的支持,如`<thead>`、`<tfoot>`和`<tbody>`等元素,以及CSS3样式。 2. **JavaScript框架**: “mootools.js”可能是一个JavaScript库,如MooTools,...

    tbody标签的妙用 加速表格内容显示

    使用tbody的好处在于它提供了更清晰的结构化表示,让浏览器和其他工具能够更容易地理解表格的组织方式。 #### tbody与表格其他标签的配合使用 除tbody外,HTML还提供了thead和tfoot这两个标签,它们分别用于定义...

    用css给tbody加垂直滚动条的具体思路及样式代码

    这是为了让 `tbody` 具有块级元素的特性,允许我们为其设置高度和控制溢出行为。默认情况下,`tbody` 是行内元素,不支持直接设置高度和 overflow 属性。 2. **固定 `tbody` 的高度并设置 `overflow: auto`**: ...

    HTML标签tbody的用法与说明

    每个`<tbody>`可以包含多个行元素,而一个表格可以有多个`<tbody>`元素,每个`<tbody>`代表表格的一个逻辑部分。 举一个简单的例子: ```html 头部1 头部2 头部3 <tbody> 数据1 数据2 数据3 ...

    jquery appen table 问题 ie8下解决方法

    本文将深入探讨“jquery append table问题在IE8下的解决方法”,结合给出的标签“源码”和“工具”,我们来详细讨论这个问题。 在jQuery中,`append()`函数是一个非常常用的方法,它允许我们在DOM(Document Object...

    用js删除tbody的代码

    3. **获取所有tbody元素**: `t.getElementsByTagName('tbody')` 获取表格内的所有`<tbody>`元素,并返回一个类似数组的对象。 4. **检查tbody的存在性**: - 如果没有找到任何`<tbody>`元素,则弹出警告提示“tbody...

Global site tag (gtag.js) - Google Analytics