html成品中js怎么删除,javascript怎么删除html

javascript删除html的方法：1、通过removeChild删除节点；2、通过remove删除指定索引处的选项；3、通过deleteRow和deleteCell删除表格中的行和单元格。

本文操作环境：windows7系统、javascript1.8.5&&html5版，DELL G3电脑

JavaScript 删除 HTML 元素

1-删除节点removeChild(oldNode)：删除 oldChild 子节点

被控制的目标元素

var body = document.getElementById("test");

var target = document.getElementById("target");

var add = function(){

body.appendChild(target);

document.getElementById("add").disabled="disabled";

document.getElementById("del").disabled="";

}

var del = function(){

body.removeChild(target);

document.getElementById("del").disabled="disabled";

document.getElementById("add").disabled="";

}

结果

1

2

2-删除列表框 下拉菜单的选项remove(long index)：删除指定索引处的选项

var show = document.getElementById("show");

var add = function(){

var op = new Option(document.getElementById('opValue').value);

show.options[show.options.length] = op;

}

var del = function(){

if (show.options.length>0){

show.remove(show.options.length-1);

}

}

结果

3-删除表格的行或单元格deleteRow(long index): 删除表格中 index 索引处的行

deleteCell(long index): 删除某行 index 索引处的单元格

删除第行,

第列

java

1	2
3	4
5	6

var tab = document.getElementById("test");

var delrow = function(){

if (tab.rows.length >0){

tab.deleteRow(tab.rows.length-1);

}

}

var delcell = function(){

var rowList = tab.rows;

var lastRow = rowList.item(rowList.length-1);

if (lastRow.cells.length >0){

lastRow.deleteCell(lastRow.cells.length -1);

}

}

var change = function(){

var tb = document.getElementById("test");

var row = document.getElementById('row').value;

row = parseInt(row);

if (isNaN(row)){

alert("请输入行整数");

return false;

}

var cel = document.getElementById('cel').value;

cel = parseInt(cel);

if (isNaN(cel)){

alert("请输入列整数");

return false;

}

if (row > tb.rows.length || cel> tb.rows[row-1].cells.length){

alert("要删除的不在");

return false;

}

tb.rows[row-1].deleteCell(cel-1);

}

结果