数组方法集合

良言SE

于 2018-11-05 07:34:06 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_32265719/article/details/83740300

本文深入探讨了DOM操作的基本知识点，包括使用document.querySelector和document.querySelectorAll选取DOM节点的方法，以及如何将NodeList转换为Array，方便进一步的数据处理和操作。通过实际代码示例，读者可以学习到如何利用这些API进行高效的DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下demo涉及到一些 dom操作知识点和dom扩展api
dom操作：
document.querySelector(css选择器)//获取dom节点返回 node
document.querySelectorAll(css选择器)//获取 domList 返回 nodeList
nodeList转Array:

  //数组转换 NodeList ->Array
       var oUl = document.querySelector('ul.list');
       console.log(oUl.childNodes);
       var arrayofNodes=Array.prototype.slice.call(oUl.childNodes,0)//IE8及之前版本中无效
       console.log(arrayofNodes);
       console.log(arrayofNodes[0].data);
       console.log(arrayofNodes[0].nodeType);
       console.log(arrayofNodes[0].nodeName);
       console.log(arrayofNodes[1].nodeName.toLowerCase());
       console.log(arrayofNodes[0].nextSibling);
       console.log(arrayofNodes[0].parentNode);