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

Posted 2023-05-01

document.createElement("option")是添加一个option元素,怎么移除一个元素
最好给一个简单的例子

<script type="text/javascript">
var div = document.createElement("div");
var textNode = document.createTextNode("码农－－测试");
div.appendChild(textNode);
div.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);

div.appendChild(select);

document.body.appendChild(div);
//删除第三个option
select.removeChild(select.childNodes[2]);
//删除第四个option
select.remove(2);
</script>

参考技术A function remove111()
var parent = document.getElementById("");
parent.removeChild(需要删除的元素的ID);

找到需要删除元素的父节点，通过removeChild来实现 参考技术B <style>body,td,div,a,inputfont: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>
<div>
<input type=button onclick=addNew() value=增加 class=button_index>
<font color=000080>(按一次增加按钮就可以上传一张图片。)</font>
</div>
</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>

JavaScript--部分

一、方法

---------------------Array 对象------------------------

1.concat() : 将作为参数传递的元素拼接到一个已存在的数组
2.pop()    : 删除数组中的最后一个元素
3.push()   : 在数组末尾添加新元素，从而增加数组的长度
4.shift()  : 移除的第一个元素并返回被移除的值
5.unshift(): 向数组头部添加元素
6.slice()  : 将数组的元素复制到另一个数组中
7.splice() : 将从数组的某一位置开始移除指定的数目的元素，并可以使用新的元素替代这些元素


二、对象

----------------------Date 对象--------------------------

now是Date对象的实例


----------------------Math 对象--------------------------

1.ceil()  : 向上取整并去掉数字的小数部分,5.02==6
2.floor() : 向下取整并去掉数字的小数部分,-5.02==-6,5.02==5
3.round() : 当原数的小数部分为0.5或者大于时向上取整，否则向下取整


----------------------String对象--------------------------

1.typeof()      : 获取string的对象属性
2.length        : 获取string的长度
3.prototype()   : 改变字符串的属性
4.fontcolor()、fontsize()和bold()改变字符串的属性
5.indexof()     : 字符串为空
6.toUpperCase() : 将所有的小写字母替换为大写字母
7.substrate()   : 从一个字符的位置0开始截取指定的数目字符串
8.split()       : 通过一些分隔符将字符串分割成若干个子串
9.charAt()      : 返回字符串指定位置的字符
10.search()     : 返回搜索字符串第一次出现的位置
11.match()      : 在字符串中搜索子串并将所有匹配结果作为数组返回
12.replace()    : 在字符串中搜索子串并使用新串替代子串
13.toString()   : 将基本数值或对象数值基于不同基数表示并转化为字符串
14.toFixed()    : 将方法参数数值保留原数的小数点右面参数数值并进行四舍五入,
如:参数数值为2==对右面2位进行四舍五入
15.Boolean对象  : 对象的初始值true或false,如果初始值为0,为空字符串"",NaN或null的话，结果为false,否则为true.
16.with         : 简化对象属性的操纵