var links = document.getElementsByTagName('a');
// links.length === 2 for instance.
document.body.appendChild( links[0].cloneNode(true) ); // another link is added to the document
// the 'links' NodeList is automatically updated
// links.length === 3 now.
假设html代码如下
<div id="test">
<a href="#"></a>
</div>
JS
var links = document.getElementsByTagName("a");
//links.length === 2
var div = document.getElementById("test");
var a = document.createElement("a");
div.appendChild(a);
//links.length===3
同样如果使用
div.appendChild(links[0]);
可以直接将第一个a标签放到最后,这是links中数组的顺序也改变
参考:https://developer.mozilla.org/en/DOM
分享到:
相关推荐
NodeList.js可以操作NodeList中的元素,就像单独操作某个节点一下方便。目前兼容的平台:BrowserVersionFireFox6 Safari5.0.5 Chrome6 IE9 Opera11 标签:NodeList
dojo命令和nodeList的详细介绍
理解NodeList及其近亲NamedNodeMap和HTMLCollection,是从整体上透彻理解DOM的关键所在,这三个集合都是“动态的”,换句话说,每当文档结构发生变化时,他们都会得到更新。
本教程主要对CMSware系统中结点列表函数CMS_NODELIST进行了详细的介绍与说明。
js中将HTMLCollection/NodeList/伪数组转换成数组的代码,需要的朋友可以参考下。
主要介绍了原生JS实现循环Nodelist Dom列表的4种方式,结合具体实例形式分析了javascript循环遍历Nodelist Dom列表的常用操作技巧,需要的朋友可以参考下
js中将HTMLCollection NodeList 伪数组转换成数组的代码.docx
2,通过document.forms,Form.elements,Select.options,document.getElementsByName() ,document.getElementsByTagName() ,childNodes/children 等方式获取的集合(HTMLCollection,NodeList)等。 3,特殊写法...
#checkIfNew.js 这个小函数是为了观察 DOM 中标签名称元素的... checkIfNew 基于getElementsByTagName返回 LIVE nodeList 的事实。 这意味着如果页面上的元素发生变化,nodeList 也会发生变化。 在检查 javascript 中的
在Web前端编程中,我们通常会通过document.getElementsByTagName的方法取出一组相同标签的dom元素。
本文主要介绍了HTML5 HTMLCollection和NodeList的区别详解,分享给大家,具体如下: 获取 HTMLCollection 对象 getElementsByTagName() 方法返HTMLCollection对象。 HTMLCollection 对象类似包含 HTML 元素的一个...
大厂前端面试题目|# 前端基础知识 ...本章将通过多个面试题,讲解前端常考的基础知识面试题,同时复习一些重要的知识点。 ## 为何要考察 扎实的前端基础知识,是作为前端工程师的根本。基础知识能保证最基本的使用,...
像没有明天一样分页NodeList。 basicPaginate将元素列表转换为JS控制的分页。 内容 演示版 名称 描述 关联 默认 包括大多数功能。 特征 适用于所有现代浏览器和IE11( ) 支持所有类型的DOM元素 不会强迫您使用...
Arrgh.js - 无痛动态函数参数 你知道那种痛吗? JavaScript 中的动态类型很棒,它为创建 API 提供的灵活性也很棒。 然而,在 ES5 中没有命名参数,以及 JavaScript 处理函数参数的严格方式,它引入了很多代码异味。...
// ((Node) nodeList.get(j)).getAdjacencyNodeEX(i).visited = true; i = j; break; } } if (i == top) { break; } } path.remove(k); path.addAll(k, path1); ...
对于 HTMLCollection集合对象 必须要说一说的是 namedItem方法. 看看规范的解释.