FAQ_IE 8中还不支持JavaScript通过appendChild("tr')方法添加Table行

最新推荐文章于 2020-03-10 16:00:40 发布
最新推荐文章于 2020-03-10 16:00:40 发布
阅读量1.5k 收藏
点赞数
分类专栏： JavaScript FAQ 文章标签： table javascript ie function input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangwang1120/article/details/5664083
版权

<html>

<head>
<script type="text/javascript">

function addTable()
{
    var tr = document.createElement("tr");
    var cell = createCellWithText("aaa");
    tr.appendChild(cell);


    document.getElementById('myTable').appendChild(tr);
}

function createCellWithText(text)
{
    var td = document.createElement("td");
    var textNode = document.createTextNode(text);
    td.appendChild(textNode);
   
    return td;
}

</script>
</head>

<body>   
    <input type="submit" value="Add Table" οnclick="addTable();" />


    <table id="myTable">>
    </table>
</body>

</html>

********************************************************

目前IE8中以上的代码还不能正常显示，Mozilla/5.0中是可以显示的，网上的解决方法

太多，我随便列举几个解决此类问题的URL

http://wasw100.javaeye.com/blog/474322

********************************************************

wangwang1120
关注
专栏目录
appendChild 函数
liuyj_vv的博客
10-10 4421
appendChild() 方法向节点添加最后一个子节点。 appendChild() 方法从一个元素向另一个元素中移动元素。 <body> <button onclick="test1()">test1</button> <button onclick="test2()">test2</button> <butt...
append() ，不兼容ie8 问题解答
m0_37400682的博客
04-19 2416
原本：close.append('x'); 修改为：var em_txt = document.createTextNode("x");close.appendChild(em_txt); 
ie8下append问题及attr("value",xxx)和val(xxx)问题总结
滚蛋吧，生活。
11-21 2751
项目突然要求支持到ie8,然后就开始在ie8下测试，发现很多问题。 首先是一个filter的问题，ie8下不支持filter。这个后来使用jQuery中的$filter解决掉。当然你用的js方法很多可以用相关的jQuery替换。 上面是第一个问题，然后花时间最多的是解决append的问题，我是在input标签下想append一些li的标签的，因为js代码逻辑很复杂代码体量也很大，排查这个问
DOM动态添加HTML节点 appendChild、removeChild
热门推荐
pan_junbiao的博客
07-07 1万+
1、函数语法 createElement(name)：方法可创建元素节点，此方法可返回一个 Element 对象。 appendChild(node)：方法在指定元素节点的最后一个子节点之后添加节点，该方法返回新的子节点。 removeChild(node)：方法可从子节点列表中删除某个节点。 elementNode.childNodes：属性返回包含被选节点的子节点的 NodeList。...
IE中<table>标签不支持appendChild()方法
chenfeng0104的专栏
06-03 1163
JS测试 var num = 2; function addRow(){ var tr = document.createElement("tr"); var td = document.createElement("td"); var te = document.createText...
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
12-11
代码如下: var chkbox = ... 原因是 chkbox控件还没初始化(appendChild)，就开始操作它的结果 据此将代码改为即可正确显示： 代码如下: var chkbox = document.createElement(“INPUT”); chkbox.type = “checkbox”
IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法
09-05
如果要添加新的选项，可以创建`<option>`元素，设置其`value`和`textContent`，然后用`appendChild`方法添加到`<select>`中。 在处理这些问题时，还可以考虑使用库或框架，比如jQuery或ExtJS，它们通常已经对这些...
javascript实现的动态添加表单元素input,button等(appendChild)
10-30
在JavaScript中，动态添加表单元素是一种常见的需求，特别是在构建交互式Web应用时。`appendChild`方法是DOM操作中的关键部分，它允许我们在文档结构中插入新的元素。以下将详细介绍如何使用JavaScript动态添加表单...
IE6-IE9不支持table[removed]的解决方法分享
09-05
总结来说，解决IE6-IE9不支持`table.innerHTML`的问题，需要借助于创建临时元素和操作DOM结构的方法。这个方法不仅适用于`table`元素，也可以扩展到其他不支持`innerHTML`的元素，以实现类似的功能。同时，随着...
javascript完整操作Table的增加行，删除行的列子大全
10-30
JavaScript 提供了丰富的 API 来操作 DOM（Document Object Model），使得我们可以通过 JavaScript 动态地添加或删除表格中的行，从而实现对表格内容的动态管理。本文将详细介绍如何使用 JavaScript 来完成这些操作...
JavaScript基础——DOM节点操作学习笔记
爱前端的程序媛的博客
03-10 725
目录 笔记 方法的使用 案例一、动态生成表格 案例二、下拉菜单，鼠标经过和离开实现 案例全部代码 笔记 ###节点概述 1.网页中的任何内容都是节点——文字、标签、元素、文档等。 节点至少有nodeType(节点类型)、nodeName(节点名称)、nodeValue(节点值)三个基本属性 节点的类型nodeType 元素节点：...
IE8拉下列表兼容性
02-13 494
当两个下拉列表并排显示时，后一个下拉列表随前一个下拉列表的值改变而改变，通过javascript的控制。 如果使用如下方法： var o = document.createElement("option"); o.value=v; o.appendChild(document.createTextNode(n)); s.appendChild(o);IE8可能出现如下问题：
js 学习table 添加行
y_yJava的博客
08-21 332
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;table&lt;/title&gt;     &lt;script type="text/javascript"&gt;
Jquery append 方法在ie8不兼容问题
water_v的博客
10-31 1473
var $a=$("<a>");　　$("body").append($a);　　这段代码在ie8下不兼容,怎么也添加不鸟元素，改成如下即可行：　　　　var $a=$("<a></a>");　　$("body").append($a);　　总结：ie对动态append的内容有要求，需要将一个具有完整意义的html一起append到代码中
jQuery在IE8下的append方法缺陷
牧的专栏
04-04 2836
想要实现一个效果，动态添加一个
在IE中使用appendChild向中增加到中不会显示的技巧
anwanfu的专栏
05-09 1410
如果使用appendChild向中增加到中，则在IE中这一行并不会出现，但在其它浏览器中却会显示出来。可以将元素增加到表的元素中。这种方法可以在所有的浏览器中正常工作，如下例所示。                        First name:                                        Middle name:                   
ie appendChild 意外地调用了方法或属性访问
y_likeorg的博客
08-19 4260
ie8 var $ = document.createElement("v:group"); $.style.left = this.x; $.style.top = this.y; $.style.width = this.w; $.style.height = this.h; $.setAttribute("coo
document.head.appendChild(element) 在 IE8 及以下报错
weixin_30909575的博客
12-25 2272
问题: 　　在开发中会遇到动态添加 script 标签的情况。 代码如下: 1 var oScript = document.createElement('script'); 2 oScript.src = 'demo_address'; 3 document.head.appendChild(oScript); 但是在 IE8 以下会报如下错误: 1 SCRIPT500...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值