js获取子节点的方法

1、通过获取DOM方式直接获取子节点

其中price为父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候按数组的形式访问即可，如var a = document.getElementById("price").getElementsByTagName("div")[0] 返回的是数组里面的第一个元素。

var a = document.getElementById("price").getElementsByTagName("div");

2、通过childNodes 获取子节点

childNodes返回的是子节点的集合，也是数组的格式，不过它会把换行和空格也当成节点信息，不推荐使用。

var b =document.getElementById("price").childNodes;

3、通过children来获取子节点

children获取子元素是最好用的，它返回的也是一个数组，并且会过滤掉一些不必要的信息，如换行、空格等。

var c = document.getElementById("price").children;

4、通过firstChild获取第一个子节点

firstChild和childNodes类似，浏览器在解析它的时候的时候会把换行和空格一起解析，不推荐使用

var d = document.getElementById("price").firstChild;

5、通过firstElementChild获取第一个子节点

使用firstElementChild来获取第一个子元素，可直接获取第一个子元素，并不会将换行和空格一起解析

var e = document.getElementById("price").firstElementChild;

6、获取最后一个子节点

1.lastChild

2.lastElementChild

lastChild获取最后一个子节点的方式其实和firstChild是类似的。同样的lastElementChild和firstElementChild也是一样的。不再赘余。

var f = document.getElementById("price").lastChild;
var g = document.getElementById("price").lastElementChild;

js获取子节点的方法相关推荐

JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
JS获取子节点、父节点和兄弟节点的方法
一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要 ...
JS获取子节点、父节点和兄弟节点的若干种方式
一.js获取子节点的方式 1.通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要按 ...
WebAPI-DOM树，获取父节点、获取子节点的方法汇总
DOM树 DOM树又称为文档树模型,就是把文档映射成树形结构,通过节点对象对其处理,处理的结果可以加载到当前的页面中. DOM树就像人类家族的族谱,族谱可以很容易的表明家族成员之间的关系,将复杂 ...
js 获取子节点个数
获取id=tr 下面td的个数 js: var node = document.getElementById("tr").childNodes; for (var i = 0; ...
js父元素获取子元素img_JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
js与jquery获取子节点、父节点、兄弟节点的方法
js与jquery获取子节点.父节点.兄弟节点的方法在写代码时,时不时会遇到获取子节点.父节点等需要,但有的时候总是弄混淆不是很清晰,所以针对这些问题,总结了jquery与js获取节点的方法 js方 ...
mysql获取终节点_mysql 函数获取子节点
DELIMITER $$ USE `topsale`$$ DROP FUNCTION IF EXISTS `getShopIdByUserId`$$ CREATE DEFINER=`root`@`%` ...
js获取父子节点、兄弟节点
一.js获取子节点通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要按数组的形式 ...

js获取子节点的方法

js获取子节点的方法相关推荐

最新文章

热门文章