成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術文章
文章詳情頁

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

瀏覽:247日期:2022-06-02 11:53:36

IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值,重現代碼如下

復制代碼 代碼如下:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>IE6-IE9中tbody的innerHTML不能復制bug</title>
    </head>
    <body>
        <table>
            <tbody>
                <tr><td>aaa</td></tr>
            </tbody>
        </table>
        <p>
            <button id="btn1">GET</button><button id="btn2">SET</button>
        </p>
        <script>
            var tbody = document.getElementsByTagName("tbody")[0]
            function setTbody() {
                tbody.innerHTML = "<tr><td>bbb</td></tr>"
            }
            function getTbody() {
                alert(tbody.innerHTML)
            }
            btn1.onclick = function() {
                getTbody()
            }
            btn2.onclick = function() {
                setTbody()
            }
        </script>
    </body>
</html>

兩個按鈕,第一個獲取tbody的innerHTML,第二個設置tbody的innerHTML。

獲取時所有瀏覽器都彈出了tr的字符串,但設置時IE6-9不支持,而且報錯,如圖

可以利用特性判斷來看瀏覽器是否支持tbody的innerHTML設值

復制代碼 代碼如下:
var isupportTbodyInnerHTML = function () {
    var table = document.createElement("table")
    var tbody = document.createElement("tbody")
    table.appendChild(tbody)
    var boo = true
    try{
        tbody.innerHTML = "<tr></tr>"
    } catch(e) {
        boo = false
    }
    return boo
}()
alert(isupportTbodyInnerHTML)

對于IE6-IE9里如果要設置tbody的innerHTML,可以使用如下替代方法

復制代碼 代碼如下:
function setTBodyInnerHTML(tbody, html) {
    var div = document.createElement("div")
    div.innerHTML = "<table>" + html + "</table>"
    while(tbody.firstChild) {
        tbody.removeChild(tbody.firstChild)
    }
    tbody.appendChild(div.firstChild.firstChild)
}

用一個div來包含一個table,然后刪除tbody里的所有元素,最后給tbody添加div的第一個元素的第一個元素,即div>table>tr。

當然還有一個更精簡的版本,它直接采用replaceChild方法替換

復制代碼 代碼如下:
function setTBodyInnerHTML(tbody, html) {
    var div = document.createElement("div")
    div.innerHTML = "<table>" + html + "</table>"
    tbody.parentNode.replaceChild(div.firstChild.firstChild, tbody)
}

從MSDN上記錄上看 col、colGroup、frameset、html、head、style、table、tfoot、tHead、title和tr的innerHTML都是只讀的(IE6-IE9)。

The innerHTML property is read-only on the col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title, and tr objects.

You can change the value of the title element using the document.title property.

To change the contents of the table, tFoot, tHead, and tr elements, use the table object model described in Building Tables Dynamically. However, to change the content of a particular cell, you can use innerHTML.

標簽: CSS HTML
相關文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
久久久久国产免费免费 | 欧美大胆人体bbbb| 日韩影院免费视频| 国产麻豆综合| 国产精品对白交换视频| 国产精品啊啊啊| 亚洲国产精品ⅴa在线观看| 91美女在线观看| 久久久蜜臀国产一区二区| av欧美精品.com| 精品国产免费一区二区三区香蕉| 国产成人综合在线观看| 777a∨成人精品桃花网| 麻豆国产欧美日韩综合精品二区| 91国偷自产一区二区使用方法| 日本不卡一区二区三区高清视频| 色婷婷精品大视频在线蜜桃视频| 蜜桃精品视频在线| 欧美日韩视频在线观看一区二区三区 | 亚洲综合av网| 在线综合视频| 亚洲黄色录像片| 欧美中文字幕| 开心九九激情九九欧美日韩精美视频电影| 色妞www精品视频| 久久99精品一区二区三区| 5566中文字幕一区二区电影| 国产成人在线免费观看| 日韩欧美在线一区二区三区| 成人蜜臀av电影| 欧美激情一区二区在线| 在线观看亚洲| 亚洲不卡av一区二区三区| 久久久噜噜噜| 精品一区二区三区av| 欧美一个色资源| 91日韩在线专区| 亚洲欧美怡红院| 免费一区二区三区| 日韩精品电影在线| 欧美另类一区二区三区| 成人app在线观看| 国产精品久久一卡二卡| 性欧美精品高清| 九九在线精品视频| 精品久久人人做人人爱| 欧美激情综合| 亚洲一区在线看| 欧美综合一区二区三区| 国产99精品视频| 亚洲欧洲韩国日本视频| 久久综合中文| 国产成人免费视频| 中日韩av电影| 国产精品手机视频| 久久激情五月激情| 亚洲精品在线一区二区| 亚洲经典自拍| 日韩av电影一区| 日韩欧美成人激情| 一区三区视频| 日韩精品欧美精品| 日韩欧美国产一区在线观看| 国产一区二区无遮挡| 日韩影院免费视频| 欧美成人精品二区三区99精品| 红桃视频亚洲| 男女性色大片免费观看一区二区 | 91精品国产入口| 91在线国产福利| 亚洲国产另类精品专区| 7777精品伊人久久久大香线蕉经典版下载| 欧美fxxxxxx另类| 五月综合激情日本mⅴ| 日韩欧美国产综合| 国产欧美日韩视频一区二区三区| 精品伊人久久久久7777人| 久久久久久久久久久黄色| 亚洲美女在线国产| 91精品国产综合久久精品麻豆 | 韩国三级电影一区二区| 日本一区二区三区国色天香| 久久亚洲高清| 欧美成人首页| 青青草成人在线观看| 国产午夜亚洲精品羞羞网站| 久久久久国产精品午夜一区| 91日韩一区二区三区| 青椒成人免费视频| 国产精品欧美经典| 欧美日韩视频不卡| 亚洲国产美女| 盗摄精品av一区二区三区| 一个色妞综合视频在线观看| 欧美mv日韩mv国产网站| 久久久久久久久久久一区| 97久久久精品综合88久久| 日韩精品亚洲一区二区三区免费| 国产欧美日韩不卡免费| 欧美亚洲尤物久久| 精品999在线观看| 国产精品一区2区| 亚洲一二三区在线观看| 久久影音资源网| 在线观看av不卡| 亚洲成人在线视频网站| 国产经典欧美精品| 视频精品一区二区| 国产精品国产三级国产专播品爱网| 欧美老年两性高潮| 香港久久久电影| 欧美久久久久久久| 国产精品小仙女| 亚洲成av人影院| 国产精品欧美一区喷水| 日韩视频一区二区在线观看| 久久中文在线| 99精品欧美| 午夜欧美精品久久久久久久| 国产最新精品免费| 午夜精品福利久久久| 最新国产精品久久精品| 欧美变态口味重另类| 日本韩国精品在线| 一区二区三区精品国产| 欧美一区二区三区四区夜夜大片| 精品亚洲成a人在线观看| 亚洲自拍偷拍网站| 国产精品美女视频| 久久亚洲欧美国产精品乐播 | 国产精品一区专区| 视频一区中文字幕国产| 中文字幕综合网| 国产午夜精品久久久久久久| 91精品国产综合久久香蕉麻豆| 色香蕉久久蜜桃| 国产精品亚洲综合| 亚洲国产免费看| 欧美日韩国语| 99国内精品久久| 国产高清亚洲一区| 九色综合国产一区二区三区| 日韩激情视频在线观看| 亚洲一二三区在线观看| 亚洲视频免费看| 国产精品久99| 国产亚洲欧美中文| 久久综合久久综合亚洲| 欧美成人欧美edvon| 欧美一区二区三区日韩视频| 在线播放中文一区| 欧美日韩精品一区二区在线播放| 日本二三区不卡| 色域天天综合网| 久久久久.com| 男人的天堂亚洲| 亚洲欧美日韩一区在线观看| 亚洲深夜福利| 国产日韩精品久久| 一区二区三区久久网| 国产亚洲一区在线播放| 亚洲美女一区| 影音先锋国产精品| 亚洲国产欧美国产综合一区| 激情综合亚洲| 伊人久久大香线蕉综合热线| 精品福利电影| 亚洲高清资源| 99国产精品久久久久老师| 亚洲三级影院| 国产伦理一区| 久久一综合视频| 欧美视频一区在线| 欧美日韩色一区| 7878成人国产在线观看| 欧美理论片在线| 欧美一区二区三区四区久久| 日韩欧美不卡一区| 国产亚洲人成网站| 成人欧美一区二区三区白人| 亚洲视频在线观看一区| 悠悠色在线精品| 亚洲电影一级片| 日韩av一级电影| 黄色资源网久久资源365| 国产毛片精品国产一区二区三区| 国产高清精品在线| 99久久综合99久久综合网站| 91亚洲精品乱码久久久久久蜜桃| 欧美精品18| 亚洲日产国产精品| 免费一区视频| 欧美日韩一区在线| 日韩视频中午一区| 国产三级精品三级| 国产精品成人免费精品自在线观看| 亚洲免费在线播放| 日日摸夜夜添夜夜添精品视频| 男男成人高潮片免费网站| 国产一区在线不卡|