在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()`方法删除DOM元素节点,并通过实例说明其使用技巧。 首先,`removeChild()`方法是用于从其父节点中删除一个子节点。它的语法如下: ```javascript ...
例如,使用`document.getElementById()`、`document.querySelector()`和`document.querySelectorAll()`选择元素,以及`innerHTML`、`appendChild()`、`removeChild()`等方法进行内容更改和结构调整。 2. **事件处理...
### JavaScript使用技巧详解 #### 1. 收藏时用图标显示 在HTML文档头部加入以下代码,可以使网站在被收藏时使用自定义图标显示: ...然而,需要注意的是,部分技巧依赖于特定浏览器的支持,开发时应考虑兼容性问题。
以上仅是JavaScript的一部分基础知识,实际开发中还有许多高级技巧,如模块化(CommonJS, ES6模块),异步流控制(Promise, async/await, Generator),以及现代库和框架(React, Vue, Angular)的使用等。...
例如,`document.getElementById()`用于获取ID匹配的元素,`innerHTML`属性可以用来设置或获取元素的内容,而`appendChild()`和`removeChild()`则用于动态添加或移除元素。 2. **事件处理**:JavaScript可以响应...
JavaScript是Web开发中不可或缺的一部分,它提供了丰富的功能和灵活性,使得网页交互更加生动。以下是从标题和描述中提炼出的一些JavaScript经典技巧: 1. **事件处理**:通过`oncontextmenu`、`onselectstart`、`...
这需要监听两个下拉列表的事件,如`change`或`click`,然后执行相应的DOM操作,如`appendChild`或`removeChild`。 4. **动态地添加删除行**: 在表格中,我们可能需要根据用户需求动态地添加或删除行。这可以通过...
这只是200个JavaScript技巧的一小部分,每个话题都可以深入研究。熟练掌握这些基础知识,将帮助你在网页开发中游刃有余。通过不断实践和学习,你将能够驾驭JavaScript,创建出更具交互性和创新性的网页应用。
- **缓存策略**:合理使用变量、避免不必要的计算,以及利用闭包等技巧优化代码。 8. **框架与库** - **jQuery**:简化DOM操作,提供丰富的插件和动画效果。 - **React**:Facebook推出的用于构建用户界面的库,...
这一部分可能会涵盖DisplayObject和DisplayObjectContainer类,以及如何使用 addChild 和 removeChild 方法来操纵舞台上的对象。此外,网络通信如XML、JSON和Socket通信的使用也会被涵盖,使开发者能够创建能够与...
- `appendChild`, `removeChild`, `innerHTML`等属性和方法用于添加、删除和修改元素内容。 3. **事件处理** - 事件是用户与网页交互时发生的行为,如点击按钮、滚动页面等。 - 事件监听器(`addEventListener`...
2. **DOM操作**:使用`document.querySelector`或`document.querySelectorAll`选择元素,然后通过`innerHTML`、`style`属性或`appendChild`、`removeChild`等方法改变页面结构。 3. **CSS操作**:可能需要通过...
13. **性能优化**:包括减少DOM操作、利用缓存、避免阻塞渲染、使用事件委托、合理使用定时器等技巧。 这个"JS实战案例.zip"文件中的例子可能涵盖了以上部分或全部知识点,通过实践这些案例,你将能够更好地理解和...
- AJAX(Asynchronous JavaScript and XML)用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。 - 使用`XMLHttpRequest`对象或现代浏览器的`fetch` API进行异步请求。 - JSONP(JSON with ...
- 移除舞台上的 `DisplayObject` (使用 `removeChild`) 可以减少CPU负担,尤其是在对象不再需要显示或交互时。 - 对于不再使用的 `MovieClip`,调用 `stop()` 方法,避免不必要的动画更新消耗CPU资源。 - 设置 `...
3. DOM操作的常用API:如`getElementById()`, `querySelector()`, `createElement()`, `appendChild()`, `removeChild()`, `getAttribute()`, `setAttribute()` 等函数的使用。 4. 事件处理机制:如何使用...
课程可能介绍如何使用断点、查看调用栈、跟踪变量变化等调试技巧。 10. **性能优化**:最后,课程可能涉及一些性能优化的最佳实践,如减少DOM操作、避免全局变量、合理使用缓存等。 通过深入学习这些内容,开发者...