dom文本节点,js常用操作dom节点的方法有哪些
本文主要介绍如何利用数字正射影像图节点获取页面元素，页面文档中的所有事物都是节点：包括元素节点、文本节点、属性节点、文档节点、注释节点。下面介绍获取节点的两大类方法：
（1）获取节点（包含文本节点、元素节点等所有节点）
1.parentNode:获取父节点
2 .子节点：获取子节点，通过索引值获取各个子节点
第一个孩子：获取父节点的第一个子节点
4 .最后一个孩子：获取父节点的最后一个子节点
下一个兄弟姐妹：获取子节点相邻的下一个兄弟节点
前任兄弟姐妹：获取子节点相邻的前一个兄弟节点
7 .属性：获取属性节点
！声明文档类型
超文本标记语言
头
meta charset=UTF-8
meta http-equiv= X-UA-Compatible content= IE=edge
meta name= viewport content= width=device-width，initial-scale=1.0
标题由节点关系获取元素/标题
风格
/风格
/头
身体
div name=div1
p name=p1 文本节点/p
p2/p
保险商实验所
李/李
li id=li44/li
li5/李
li6/李
/ul
/div
第七部分/部分
主西班牙8/西班牙9/I/主
脚本
//注意换行和空格也属于结点，属于文本节点，按节点关系访问时需要考虑。属性节点无须考虑。
//1.节点获取差异
控制台。日志(文档。查询选择器( p ).父节点)；
控制台。日志(文档。查询选择器( p )。父节点。属性[0])；
控制台。日志(文档。查询选择器( p )。父节点。nodename)；//DIV
控制台。日志(文档。查询选择器( p )。父节点。nodevalue)；//null
控制台。日志(文档。查询选择器( p )。父节点。nodetype)；//1 元素节点
//2.通过子节点获取第一个p
控制台。日志(文档。查询选择器( div ).子节点[1])；
控制台。日志(文档。查询选择器( div ).子节点[1]。第一个孩子。nodename)；
控制台。日志(文档。查询选择器( div ).子节点[1]。第一个孩子。nodetype)；//2 文本节点
控制台。日志(文档。查询选择器( div ).子节点[1]。第一个孩子。nodevalue)；
//3 .第一个孩子获取主要的中的第一个子节点
控制台。日志(文档。查询选择器(“main”).第一胎);
//4.lastChild获取主要的中的最后一个子节点
控制台。日志(文档。查询选择器(“main”).最后一个孩子)；
//5.nextSibling获取相邻下一个兄弟元素
控制台。日志(文档。查询选择器(“# li4”)。下一个兄弟姐妹。下一个兄弟姐妹)；
//6.previousSibling获取相邻上一个兄弟元素
控制台。日志(文档。查询选择器(“# li4”)。前兄弟姐妹。以前的兄弟姐妹)；
//总结：除节点外，其他方法谨慎选择，一旦代码格式有变，就会出现错误
//通过节点名获取节点名称
//通过节点值获取节点值
//通过节点返回节点类型
/脚本
/body
/html（2）获取元素节点
1.parentElement:获取父元素节点
2 .儿童：获取子元素节点，通过索引值获取各个子元素节点
3.firstElementChild:获取父级的第一个子元素节点
4.lastElementChild:获取父级的最后一个子元素节点
5.nextElementSibling:获取相邻的下一个兄弟元素节点
6.previousElementSibling:获取相邻的前一个兄弟元素节点
！声明文档类型
超文本标记语言
头
meta charset=UTF-8
meta http-equiv= X-UA-Compatible content= IE=edge
meta name= viewport content= width=device-width，initial-scale=1.0
标题获取子元素节点/标题
/头
身体
差异
p123/p
p456/p
p789/件
/div
脚本
//p标签总体算一个节点，内部的"123"不算
控制台。日志(文档。查询选择器( div ).子节点)；
控制台。日志(文档。查询选择器( div )。子节点。长度)；
//获取子元素节点
控制台。日志(文档。查询选择器( div ).儿童);
控制台。日志(文档。查询选择器( div ).儿童[1]);
控制台。日志(文档。查询选择器( div ).firstElementChild(第一元素子代):
控制台。日志(文档。查询选择器(“div”)的第一个子元素。next element ing)；
控制台。日志(文档。查询选择器( div ).lastElementChild(负载元素子项):
控制台。日志(文档。查询选择器( div )。lastelement子级。预有用元素兄弟)；
控制台。日志(文档。查询选择器( div ).子代[1]。parentElement(父项):
/脚本
/body
/html相关推荐：# JavaScript视频教程【中文】以上就是一文详解JavaScript(JavaScript)何人多姆节点导航的详细内容，更多请关注我们其它相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。