当前位置:和仁网 >其它 > 正文

javascript:如何移除一个元素document.removeElement??

2021-08-06 0

<script type="text/javascript">
var p = document.createElement("p");
var textNode = document.createTextNode("码农--测试");
p.appendChild(textNode);
p.appendChild(document.createElement("br"));

var select = document.createElement("select");
for(var i=0;i<10;i++){
var option = new Option("跪族-"+i,"__"+i);
select.appendChild(option);
}
p.appendChild(select);

document.body.appendChild(p);
//删除第三个option
select.removeChild(select.childNodes[2]);
//删除第四个option
select.remove(2);
</script>
function remove111(){
var parent = document.getElementById("");
parent.removeChild(需要删除的元素的ID);
}
找到需要删除元素的父节点,通过removeChild来实现<style>body,td,p,a,input{font:menu;line-height:150%}</style>
<form method=post enctype="multipart/form-data">
<table cellspacing=1 cellpadding=1 border=0 width=100% id=t136>
<tbody>

<input type=hidden name=deal value=true>
<input type=hidden name=frmID value=22>
<input type=hidden name=thisdir value=>
<input type=hidden name=TID value=>
<input type=hidden name=frmShowURL value=payment><input type=hidden name=ID value=>
<tr style="font-weight: bold" bgcolor=ACD0FD>
<td colspan=2>呵呵</td>
</tr>
<tr bgcolor=EFEFD6>
<td colspan=2>
<font color=000080>哈哈</font>
</td>
</tr>
<tr bgcolor=F0F0F0>
<td>xixi</td>
<td>xixi </td>
</tr>
<tr bgcolor=F9F9F9>
<td>hehe</td>
<td>
<input type=text class=border_index name=newdir style=ime-mode:disabled>
<font color=000080>hehe</font>
</td>
</tr>
<tr bgcolor=F0F0F0>
<td>新图片上传</td>
<td>
<p>
<input type=button onclick=addNew() value=增加 class=button_index>
<font color=000080>(按一次增加按钮就可以上传一张图片。)</font>
</p>
</td>
</tr>
<tbody>
</table>
</form>
<script>
var i=0,arr=new Array(F9F9F9,F0F0F0);
function addNew(){
tr=document.all.t136.insertRow();
//tr.style.backgroundColor=arr[i%2];
tr.insertCell().innerText="图片"+(++i);
tr.insertCell().innerHTML=<input type=file name=pic+i+ class=border_index> <a href=javascript:void(0) onclick=del()>删除</a>
}
function del(){
document.all.t136.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);
for(i=0;i<document.all.t136.rows.length-5;i++){
document.all.t136.rows[i+5].cells[0].innerText="图片"+(i+1);
document.all.t136.rows[i+5].cells[1].children[0].name="pic"+(i+1);
document.all.t136.rows[i+5].style.backgroundColor=arr[i%2];
}
}
</script>
本周热门
本月热门