JSDOM获取子节点的一些方法

摘要:
通常,获取子节点。查找父节点的ID或类名以获取父节点。然后,通过children属性获取子节点数组;如另一篇文章所述,如果使用另一个属性childNode,则会将注释、空文本、非空文本和标签视为子节点,因此不要使用childNode属性。除了通过ID获得的节点是单个元素之外,所有其他获取方法都是数组。Varchild=父亲。children这里获得的子节点也是数组,需要下标。

一般情况获取子节点,通过找到查找父节点的ID或者class类名,来获取父节点,再通过children属性,得到子节点的数组;

之前在另外一篇随笔中说过,如果使用另一个属性childNode,会把注释、空文本、非空文本、标签都当做子节点,所以不要使用childNode属性。

var father = document.getElementById("ID名");

或 father = document.getElementsByClassName("class类名")[0];

注意:通过类名获取的节点是数组,需要加上下标,才能找到父节点。除了通过ID获取的节点是一个单个元素,其他获取方法得到的都是数组。

var child = father.children

这里获取的子节点也是数组,取出需要加下标。比如需要第一个子元素;

var firstchild = child[0];

另外也可以通过标签直接获取子节点,假设子节点都是li标签;

var child = father.getElementByTagName("li");

这里获取的子节点也是数组,取出需要加下标。比如需要取出第一个子元素;

var firstchild = child[0];

免责声明:文章转载自《JSDOM获取子节点的一些方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Android Studio中一套代码多版本打包C#教程之自己动手写映射第五节[封装添加]下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ES6 一些常用使用

1 //1、解构数组 2 let arr1 = ['apple', 'coffee', 'cake']; 3 let [fruit, drink, dessert] = arr1; 4 console.log(fruit, drink, dessert); 5 //2、解构...

Matlab学习笔记(三)

二、MATLAB基础知识 (四)数组 MATLAB总是把数组看作存储和运算的基本单位,标量数据也被看作是(1×1)的数组 一维数组的创建 创建一维数组的几种方法:(e_two_14.m) 直接输入法:直接通过空格、逗号和分号来分隔数组元素。 步长生成方法:x=a:inc:b,a和b为一维向量数组的起始数值和终止数值,inc为数组的间隔步长;如果a和b...

jquery或者javascript将list转array数组_快速开发平台

jquery或者javascript将list转array数组,软件开发平台软件开发过程中经常会碰到后台传过来的list数据模型要转换成array数组的情况,那么我们该怎么去做呢? 如上图是转换后的表现形式。 解决方案,for循环进行赋值转换。如下代码段: $.getJSON('GetSCKBNum', function (da...

JQuery对数组的一些操作总结

JQuery对数组的处理非常便捷并且功能强大齐全,一步到位的封装了很多原生js数组不能企及的功能。下面来看看JQuery数组的强大之处在哪。 1.$.each(array, [callback]) 遍历 不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的...

JS案例之8——从一个数组中随机取数

近期项目中遇到一个需求,从一个列表中随机展示列表的部分内容,需求不大,JS也非常容易实现。主要是运用到了Math对象的random方法,和Array的splice方法。 思路是先新建一个数组,存放所有的列表,然后算出随机数,从数组中取出这个随机索引对应的值,然后组成一个随机数组。 源代码如下: 1 <!DOCTYPE html> 2 <...

NPOI操作Excel(三)--解析Excel

通过前面两篇的基础学习,我们对NPOI有了一定了了解,下面就开始进入实战,解析下面格式的Excel(下面只是列举了几个例子),并保存入库 首先我们先分析一下,要解析这样的Excel,需要把指标【橘色背景和蓝色背景】(作为指标入库)、科目【棕色背景和黄色背景】(作为X轴入库)、数据【乳白色背景和白色背景】(作为Y轴入库)的数据分开入库。 第一张图我们得到的...