1.删除节点
removeChild(oldNode):删除oldNode字节点
<body id="test">
<input id="add" type="button" value="增加" disabled onclick="add();"/>
<input id="del" type="button" value="删除" onclick="del();"/>
<div id="target" style="width:240px;height:50px;border:1px solid black">被控制的目标元素
</div>
<script type="text/javascript">
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="";
}
</script>
</body>
2.删除列表框、下拉菜单选项
直接利用remove()方法删除
直接指定选项赋值为null即可
<body >
<input id="opValue" type="text"/>
<input id="add" type="button" value="增加" onclick="add();"/>
<input id="del" type="button" value="删除" onclick="del();"/>
<select id="show" size="8" style="width:180px;">
</select>
<script type="text/javascript">
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);
}
}
</script>
</body>
3.删除表格的行或单元格
deleteRow(long index):删除biao表格中index索引的行
deleteCell(long index):删除某行index索引的单元格
<body>
第<input id="rows" type="text"/>行,第<input id="cells" type="text"/>列,<input
id="del" type="button" value="删除" onclick="del();" /><br/>
<input id="delrow" type="button" value="删除表格最后一行" onclick="delrow();" /><br/>
<input id="delcell" type="button" value="删除最后一行的最后一格"
onclick="delcell();"/><br/>
<table id="test" border="1" style="width:500px;">
<caption>aaaaaaaa</caption>
<tr>
<td>a1a1a1a1a1a1a1</td>
<td>a2a2a2a2a2a2a2</td>
</tr>
<tr>
<td>b1b1b1b1b1b1b1</td>
<td>b2b2b2b2b2b2b2</td>
</tr><tr>
<td>c1c1c1c1c1c1c1</td>
<td>c2c2c2c2c2c2c2</td>
</tr>
</table>
<script type="text/javascript">
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 del=function(){
var rowList = tab.rows;
var cellList = tab.cells;
var rows = document.getElementById("rows").value;
var cells = document.getElementById("cells").value;
var cellss=parseInt(cells);
var rowss=parseInt(rows);
if(isNaN(rowss)||isNaN(cellss)){
alert("必须是数字");
}else{
if(rowss>rowList.length)
{
alert("行数必须小于表格的设置");
}
else{
if(cells>tab.rows[rowss-1].cells.length){
alert("列数必须小于表格的设置");
}else{
var row=rowList.item(rowss-1);
row.deleteCell(cellss-1);
}
}
}
}
</script>
</body>