美文网首页
DOM的innerHTML

DOM的innerHTML

作者: 低至一折起 | 来源:发表于2017-12-05 18:01 被阅读0次
var div = document.getElementById("TableDiv");

div. innerHTML 为可写的

而table的innerHTML为只读,IE浏览器会报“未知的运行时错误”。

而火狐等使用的内核不同,对解析html,javascript方式不同,所以不报错误。

这主要是IE在对innerHTML进行写操作的时候会检查infoDIV是否具备做为这些内容中html对象容器的要求,所以当你发现这些错误出现,尝试做两件事情:

  1. 检查你尝试加到innerHTML的html代码是否包含破损的html标签(某些标签或许缺少关闭标签).
  2. 把你的容器改成那些比较“包容”的标签,如<span></span>,<div></div>

特别注意的是<tbody>,<table>,<tr>标签里面加正确格式的<td>标签都有可能出错,所以应该避免使用这些标签作为容器。
必要时可以用<td>作为容器,再锲套一层表格

注:

  1. 元素的innerHTML属性是只读。。
    只读元素:COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR
  2. HTML错误的嵌套例如在p里嵌套div那修改div的innerHTML属性也会出现错误

相关文章

  • 字符串转dom、dom转字符串、在js写vue模版

    字符串转dom 利用innerHtml和childNodes dom转字符串 利用innerHtml innerH...

  • DOM操作-选取、增删改查

    dom对象的innerText和innerHTML有什么区别? innerHTML:在读模式下,innerHTML...

  • DOM操作

    dom对象的innerText和innerHTML有什么区别? innerHTML:在读模式下,innerHTML...

  • DOM操作

    题目1: dom对象的innerText和innerHTML有什么区别? innerHTML会获取dom对象内的所...

  • DOM的innerHTML

    div. innerHTML 为可写的 而table的innerHTML为只读,IE浏览器会报“未知的运行时错误”...

  • DOM操作

    dom对象的innerText和innerHTML有什么区别? innerHtml:Element.innerHT...

  • DOM操作

    1.dom对象的innerText和innerHTML有什么区别? innerText 和 innerHTML都可...

  • DOM(原生)

    题目1: dom对象的innerText和innerHTML有什么区别? Element.innerHTML 属性...

  • DOM操作

    1: dom对象的innerText和innerHTML有什么区别? innerHTML支持HTML;innert...

  • DOM基础(一)

    1. dom对象的innerText和innerHTML有什么区别? innerText 与 innerHTML都...

网友评论

      本文标题:DOM的innerHTML

      本文链接:https://www.haomeiwen.com/subject/gewcixtx.html