Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Динамическое удаление таблицы


Автор: v0ffka 11.7.2010, 23:29
Ребята, как реализовать сабж.
Код

var tbl_counter = 0;
function createTable() {                    
        
        var tableElement=document.createElement("table");
        tableElement.setAttribute('width','500');
        tableElement.setAttribute('border','1');
        tableElement.setAttribute('id', 'tbl' + tbl_counter);
        
        var index = 0;
        for(var x = 0; x < 5; x++) 
        {
            var tblRow = tableElement.insertRow();
            for(var y = 0; y < 5; y++) 
            {
                var dataCell = tblRow.insertCell();
                dataCell.innerHTML = a_aryNumbs[index];
                index++;    
            }    
        }
        
        var div_ref = document.getElementById('myDiv');
        div_ref.appendChild(tableElement);        
        tbl_counter++;
        
        
    }

Тут все норм создает таблицу.... но как ее теперь удалить?

Код

function deleteTable() {
        
        var div_ref = document.getElementById('myDiv');
        var tbl_ref = document.getElementById('tbl' + tbl_counter);
        div_ref.removeChild(tbl_ref);

    }

Пишет что div_ref.removeChild(tbl_ref); недопустимый аргумент...

Автор: bars80080 12.7.2010, 00:13
Код

if(!window.ActiveXObject) {
    HTMLElement.prototype.removeNode = function(removeChildren) {
        if(Boolean(removeChildren)) { return this.parentNode.removeChild(this); }
        else {
            var r = document.createRange();
            r.selectNodeContents(this);
            return this.parentNode.replaceChild(r.extractContents(),this);
        }
    }
}

var tbl_ref = document.getElementById('tbl' + tbl_counter);
tbl_ref.removeNode(true);

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)