zoukankan      html  css  js  c++  java
  • IE下table的innerHTML无效的处理方法

    之前碰到一个处理列表,为了效率起见决定对table赋值innerHTML,但是发现在IE下无效,想起来很久之前就碰到这个问题,印象中加个tbody就可以了,没想到加了tbody还是无效,赋值的时候都会报脚本错误,难道我记错了, 没办法,用了另外的办法, 详细如下:

    var docTable =  document.getElementById('table1');//找到要使用innerHTML的table

    var trHtml = '<tr><td>标题1</td><td>标题1</td></tr>';//当然如果本来就只有几行数据就没必要用innerHTML了,这里只是为了演示

    var newDiv = document.createElement('div');
    newDiv.innerHTML = '<table></tbody>'+trHTML+'</tbody></table>'//既然不能给table使用innerHTML,我给新创建的div的innerHTML赋值还不行吗?

    var newTbody = newDiv.childNodes[0].tBodies[0];
    var oldTbody = docTable.tBodies[0];
    docTable.replaceChild(newTbody, oldTbody);//用替换子节点的方式来赋值,这样也只要操作一次,虽然多了一个创建div的步骤,但是因为我们没有将其添加到body中,所以不会影响页面的渲染,速度还是很快

     其它只读的innerHTML还有COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR, SELECT 元素

  • 相关阅读:
    SQL 查询中 not in的改进,--not exists
    REST接口--转摘
    C#中@的用法总结(转)
    有感于哈工大matlab被限制使用
    Oracle CURRVAL应用限制
    oracle to_char()函数--数字型到字符型
    如何提交代码到git仓库
    cannot find module 'xxx' 解决办法
    DOM-基本概念及使用
    AJAX-同源策略 跨域访问
  • 原文地址:https://www.cnblogs.com/fuyun2000/p/2427816.html
Copyright © 2011-2022 走看看