У меня странные проблемы с динамическим заполнением таблицы в Javascript.Вот следующее:
/**
* Create dynamic table and populate column names
*/
function createTableHeaders() {
var table = document.getElementById("list-contain").getElementsByTagName("tbody")[0];
var row = document.createElement('tr');
table.appendChild(row);
var th;
for(var i=0; i<columns.length; i++) {
th = document.createElement('th');
th.appendChild(document.createTextNode(columns[i]));
table.rows[0].appendChild(th);
}
}
Где «столбцы» - это массив текстовых строк, заполненных в другом разделе моего кода.Я сталкиваюсь с очень специфическими симптомами:
- Таблица заполняется правильно, перебирая все элементы в массиве «столбцы».
- Я получаю разные ошибки в Firebug (отладчик для Firefox) и IE9.
В Firefox я получаю NS_ERROR_INVALID_POINTER для nsIDOMHTMLTableSectionElement.appendChild.
В Internet Explorer 9 я получаю две ошибки:
- SEC7111: безопасность HTTPS нарушена из-за javascript: void (0)
- SCRIPT5022: исключение DOM: HIERARCHY_REQUEST_ERR (3)
Я думаю первая ошибка IE связана с чем-то другим в моем коде, но я понятия не имею, почему Firefox и IE дают мне разные ошибки DOM.Таблица по-прежнему корректно заполняется в обоих браузерах, я не могу сказать, почему они выдают эти ошибки, но при этом правильно выполняет код.
Если у кого-то есть опыт / понимание этих вопросов, я был бы очень признателенПомогите!:)