`
yianpuodiaotu
  • 浏览: 240481 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

removeChild的部分使用技巧

 
阅读更多

在javascript中,可以使用removeChild删除一个对象的子元素。但如果是使用循环删除复合一定条件的子元素时,请使用逆序。

原因:正序时,删除一子元素时,后面的元素index可能会发生改变,造成删除出错or删除不净。

eg.

 

function removeInputElementsFromForm(formName,inputNamePre){
	var formObj = eval("document."+formName);
	var allInputElements = formObj.getElementsByTagName("input");
	var len = allInputElements.length; //需要将giftTrs.length的length属性存储起来 
	for (var i=len-1;i >= 0;i--) {// 使用逆序,因为remove
		var tagInput = allInputElements[i];
		var tagInputName = tagInput.getAttribute("name");
		if(tagInputName != null && tagInputName.startWith(inputNamePre)){
			formObj.removeChild(tagInput);
		}
	}
}

 

分享到:
评论

相关推荐

    javascript删除元素节点removeChild()用法实例

    本文将详细介绍如何使用JavaScript中的`removeChild()`方法删除DOM元素节点,并通过实例说明其使用技巧。 首先,`removeChild()`方法是用于从其父节点中删除一个子节点。它的语法如下: ```javascript ...

    常用网页使用js技巧收集(200多个)经典

    例如,使用`document.getElementById()`、`document.querySelector()`和`document.querySelectorAll()`选择元素,以及`innerHTML`、`appendChild()`、`removeChild()`等方法进行内容更改和结构调整。 2. **事件处理...

    javascript 使用技巧

    ### JavaScript使用技巧详解 #### 1. 收藏时用图标显示 在HTML文档头部加入以下代码,可以使网站在被收藏时使用自定义图标显示: ...然而,需要注意的是,部分技巧依赖于特定浏览器的支持,开发时应考虑兼容性问题。

    JS技巧——日常常用JAVASCRIPT脚本

    以上仅是JavaScript的一部分基础知识,实际开发中还有许多高级技巧,如模块化(CommonJS, ES6模块),异步流控制(Promise, async/await, Generator),以及现代库和框架(React, Vue, Angular)的使用等。...

    JScript小技巧集合

    例如,`document.getElementById()`用于获取ID匹配的元素,`innerHTML`属性可以用来设置或获取元素的内容,而`appendChild()`和`removeChild()`则用于动态添加或移除元素。 2. **事件处理**:JavaScript可以响应...

    JavaScript最常用的55个经典技巧

    JavaScript是Web开发中不可或缺的一部分,它提供了丰富的功能和灵活性,使得网页交互更加生动。以下是从标题和描述中提炼出的一些JavaScript经典技巧: 1. **事件处理**:通过`oncontextmenu`、`onselectstart`、`...

    超实用的javascript网页技巧或特效

    这需要监听两个下拉列表的事件,如`change`或`click`,然后执行相应的DOM操作,如`appendChild`或`removeChild`。 4. **动态地添加删除行**: 在表格中,我们可能需要根据用户需求动态地添加或删除行。这可以通过...

    200个js技巧(基本应用)

    这只是200个JavaScript技巧的一小部分,每个话题都可以深入研究。熟练掌握这些基础知识,将帮助你在网页开发中游刃有余。通过不断实践和学习,你将能够驾驭JavaScript,创建出更具交互性和创新性的网页应用。

    javascript中文使用手册

    - **缓存策略**:合理使用变量、避免不必要的计算,以及利用闭包等技巧优化代码。 8. **框架与库** - **jQuery**:简化DOM操作,提供丰富的插件和动画效果。 - **React**:Facebook推出的用于构建用户界面的库,...

    JavaScript性能优化

    其他浏览器则可以直接使用`removeChild`。 7. **事件委托**:当需要为一组同级元素绑定事件时,可以将事件绑定到它们的共同父元素,利用事件冒泡的特性。例如,为`<ul>`元素添加点击事件监听器,而不是为每个`<li>`...

    C#__xml_增删查改实例

    在IT领域,尤其是在软件开发与数据管理中,对XML(可扩展标记语言)进行操作是一项基本而重要的技能...掌握了这些基本技巧后,开发者可以在各种应用中灵活地使用XML来存储和交换数据,提高应用程序的灵活性和可维护性。

    Flash.ActionScript3殿堂之路完整版

    这一部分可能会涵盖DisplayObject和DisplayObjectContainer类,以及如何使用 addChild 和 removeChild 方法来操纵舞台上的对象。此外,网络通信如XML、JSON和Socket通信的使用也会被涵盖,使开发者能够创建能够与...

    JavaScript_详细说明开发人员设置设备软件和配置的使用页面列表.zip

    - `appendChild`, `removeChild`, `innerHTML`等属性和方法用于添加、删除和修改元素内容。 3. **事件处理** - 事件是用户与网页交互时发生的行为,如点击按钮、滚动页面等。 - 事件监听器(`addEventListener`...

    div无限级下拉组件

    2. **DOM操作**:使用`document.querySelector`或`document.querySelectorAll`选择元素,然后通过`innerHTML`、`style`属性或`appendChild`、`removeChild`等方法改变页面结构。 3. **CSS操作**:可能需要通过...

    JS实战案例.zip

    13. **性能优化**:包括减少DOM操作、利用缓存、避免阻塞渲染、使用事件委托、合理使用定时器等技巧。 这个"JS实战案例.zip"文件中的例子可能涵盖了以上部分或全部知识点,通过实践这些案例,你将能够更好地理解和...

    javascript源码大全源码特效

    - AJAX(Asynchronous JavaScript and XML)用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。 - 使用`XMLHttpRequest`对象或现代浏览器的`fetch` API进行异步请求。 - JSONP(JSON with ...

    flash as3.0代码优化

    - 移除舞台上的 `DisplayObject` (使用 `removeChild`) 可以减少CPU负担,尤其是在对象不再需要显示或交互时。 - 对于不再使用的 `MovieClip`,调用 `stop()` 方法,避免不必要的动画更新消耗CPU资源。 - 设置 `...

    DOM Scripting Web Design with JavaScript and the Document Object Model

    3. DOM操作的常用API:如`getElementById()`, `querySelector()`, `createElement()`, `appendChild()`, `removeChild()`, `getAttribute()`, `setAttribute()` 等函数的使用。 4. 事件处理机制:如何使用...

    javascript网页开发-张孝祥_lesson1

    课程可能介绍如何使用断点、查看调用栈、跟踪变量变化等调试技巧。 10. **性能优化**:最后,课程可能涉及一些性能优化的最佳实践,如减少DOM操作、避免全局变量、合理使用缓存等。 通过深入学习这些内容,开发者...

Global site tag (gtag.js) - Google Analytics