IE: Nieprawidłowy Element docelowy - dołączenie tabeli przy użyciu innerHTML + ciąg

Question

W programie Internet Explorer Ta linia document.getElementById("left").getElementsByTagName("tbody")[0].innerHTML = document.getElementById("left").getElementsByTagName("tbody")[0].innerHTML + string; daje mi SCRIPT600: Invalid target element for this operation. …character 10

ciąg jest po prostu to, co zawiera zestaw tablerows. Działa to dobrze w Chrome, Safari lub Firefox. Czy jest lepszy sposób na zrobienie tego? To, co robię, to gdy użytkownik znajdzie się na dole strony Dołączam tablery do tabeli, aby załadować więcej treści. To rodzaj nieskończonej przewijania typu AJAX - zażądał klient. Używam JavaScript i wolałbym pozostać z Javascriptem w tym momencie i nie zmieniać jQuery tylko dla tego zadania.

Aktualizacja również samo z: document.getElementById("left").innerHTML = document.getElementById("left").innerHTML + string; Również lewy jest <table id="left">

Answer 1

Tak trzeba owinąć je najpierw tak:

var div = document.createElement("div"); 
div.innerHTML = "<table><tbody>" + string + "</tbody></table>"; 

document.getElementById("left") 
    .appendChild(div.firstChild.tBodies[0]); 

Answer 2

nieco inny sposób, gdy trzeba wstawić tabelę wiersz na końcu tabeli. Twój nowy kod, np. nowy <tr> powinien znajdować się w zmiennej o nazwie html.

if (document.attachEvent) { //if using old IE 
    var currentTable = document.querySelector("#myTable"); 
    var currentTableHTML = currentTable.outerHTML; 

    //replace closing tag with new code + closing tag 
    currentTableHTML = currentTableHTML.replace("</tbody>", html + "</tbody>"; 

    currentTable.parentNode.removeChild(currentTable); 

    //reinsert the table before some other element - you can use something else if you have a container for the table 
    document.querySelector("#someElement").insertAdjacentHTML("beforebegin", currentTableHTML); 
} 
else { 
    //use insertAdjacentHTML in a normal browser 
}