javascript - 表格、tr、td 标签上的 document.createElement IE8 失败-6ren

javascript - 表格、tr、td 标签上的 document.createElement IE8 失败

转载作者：行者123 更新时间：2023-11-30 13:05:19

25

4

如标题所述，我遇到了 IE8 问题(适用于 FF 和 IE9)。下面的代码不会产生任何错误，如果我替换 div、ul 和 li；有用。我进行了一些搜索，但没有在 IE8 中使用 document.createElement 不支持的 (table,tr,td) 标签上找到任何内容。我哪里错了？

代码如下:

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>My Page Title</title>
  <script>
    function init() {
      var ele = document.getElementById('content');
      var table = document.createElement('table');
      var tr = document.createElement('tr');
      var td = document.createElement('td');
      var txt = document.createTextNode('IE8');

      td.appendChild(txt);
      tr.appendChild(td);
      table.appendChild(tr);
      ele.appendChild(table);
    }
   </script>
  </head>
  <body onload="init();">
    <div id="content"></div>
  </body>
</html>

最佳答案

不能只使用createElement()函数来创建table，tr，td来创建整个表格元素。

相反，您必须使用表对象的 insertRow()、insertCell() 函数

引用检查:

http://viralpatel.net/blogs/dynamically-add-remove-rows-in-html-table-using-javascript/

编辑:

对于 IE 的问题，我也是这么想的，Buy 我发现实际上 createElement() 要在 IE7 中工作，你必须创建 tbody 对象并将其附加到 table 对象和 tr 到 tbody 对象

tb = document.createElement("tbody")  
var tbody  = document.createElement('tbody'); 
table.appendChild(tbody);
var table_row  = document.createElement('tr'); 
tbody.appendChild(table_row)//

关于javascript - 表格、tr、td 标签上的 document.createElement IE8 失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15889840/

25

4

0

文章推荐： javascript - 为什么这个实例是 javascript 函数已知的

文章推荐： javascript - jQuery 标题闪烁

文章推荐： php - 显示或隐藏带有使用 php 和 javascript 生成的 id 的 div

首页

博学

6Ren·AI

商城