采用DOM模型时创建一个Select节点后,要删除option项的解决方法
2001-12-27 11:06
746 查看
我在实际运用中,碰到了javascript的一个不足之处,是我摸索出来的一个删除option的算法。
当创建了一个select节点以后,在每次刷新的时候不需要删除次节点,但是要更新该节点的内容(options),就必须要删除原来的options,估计是语言发明人的大意吧这一点做得不够好,不能全部删除,经过多次试验才发现删除时需要用一种算法。每次只能删除options长度的一半取整。实现过程如下:
var select=document.createElement("select");
var ooption=new Array();
for(var i=0;i<10;i++){
ooption[i]=document.createElement("option");
select.add(ooption[i]);
}//生成select节点
//删除的算法
while(length!=0){
var length=select.options.length;
for(var i=0;i<length;i++)
select.options.remove(i);
length=length/2;
}
当创建了一个select节点以后,在每次刷新的时候不需要删除次节点,但是要更新该节点的内容(options),就必须要删除原来的options,估计是语言发明人的大意吧这一点做得不够好,不能全部删除,经过多次试验才发现删除时需要用一种算法。每次只能删除options长度的一半取整。实现过程如下:
var select=document.createElement("select");
var ooption=new Array();
for(var i=0;i<10;i++){
ooption[i]=document.createElement("option");
select.add(ooption[i]);
}//生成select节点
//删除的算法
while(length!=0){
var length=select.options.length;
for(var i=0;i<length;i++)
select.options.remove(i);
length=length/2;
}
相关文章推荐
- 使用JavaScript操作DOM节点元素的常用方法(创建/删除/替换/复制等)
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)
- Js之使用dom实现创建节点和删除节点的方法
- javascript 原生方法对dom节点的操作,创建、添加、删除、替换、插入、复制、移动等操作
- 关于一个常被大家遗忘的方法解决频繁操作 dom节点引起页面回流
- 这是一个关于XML文档的操作管理器XMLHelper类,类中包括XML文档的创建,文档节点和属性的读取,添加,修改,删除的方法功能的实现
- VS2005 无法创建或打开“智能设备”项目的一个问题的解决方法
- Concurrency violation: the DeleteCommand affected 0,一个解决dataset并发删除冲突的方法
- dom创建table的一个方法
- 【转】VS2005 无法创建或打开“智能设备”项目的一个问题的解决方法
- MFC CTreectrl 通过DeleteAllItems删除全部节点后,再插入节点不显示问题解决方法
- 一个文件夹无法删除的最终解决方法
- 一个linux典型的select模型更新方法
- PostgreSQL用户创建删除及error while loading shared libraries解决方法
- Mysql主从一个常见问题及解决“模型(方法)”
- 创建子节点的一个方法
- 解决XML节点删除后会留下一个空节点的问题
- 安装程序无法创建一个DCOM用户帐号来注册 D:/....的解决方法
- 一个文件夹无法删除的最终解决方法
- 一个封装的创建DOM元素的JS方法