Technology技术分享

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

听话的煎饼 · iOS safari 后退 js ...· 2 周前 ·

潇洒的牙膏 · shell字符串转日期,日期转字符串,判断字 ...· 2 周前 ·

狂野的黑框眼镜 · golang windows内存文件映射 ...· 1 周前 ·

睿智的青椒 · dotnet C# 序列化 XML ...· 1 周前 ·

机灵的楼梯 · Python Agent in ...· 22 小时前 ·

玩命的火腿肠 · 再聚首，共叙社院芳华|社会学院校友值年返校座 ...· 1 月前 ·

独立的椰子 · 3dmax2020【3dsmax2020破解 ...· 2 月前 ·

不拘小节的酸菜鱼 · 南阳又有3所完全学校建成投用！看看都在哪里· 5 月前 ·

个性的小马驹 · 【译】Swift/OC/C++/Rust/V ...· 6 月前 ·

有腹肌的李子 · 解决Pycharm终端无法激活conda环境 ...· 7 月前 ·

### 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;
原文：https://blog.csdn.net/Utopian_x/article/details/120386398

推荐文章

听话的煎饼 · iOS safari 后退 js 不执行的问题 | {{ اللي شوهوا }}

2 周前

潇洒的牙膏 · shell字符串转日期,日期转字符串,判断字符串包含某个字符串,删除某个目录下的几天前的日志文件

2 周前

狂野的黑框眼镜 · golang windows内存文件映射 - Go语言中文网 - Golang中文社区

1 周前

睿智的青椒 · dotnet C# 序列化 XML 时进行自动格式化

1 周前

机灵的楼梯 · Python Agent in python 3.6 - Cisco AppDynamics Community

22 小时前

玩命的火腿肠 · 再聚首，共叙社院芳华|社会学院校友值年返校座谈会顺利召开-上海大学社会学院

1 月前

独立的椰子 · 3dmax2020【3dsmax2020破解版】中文破解版安装图文教程、破解注册方法 | 简一模吧

2 月前

不拘小节的酸菜鱼 · 南阳又有3所完全学校建成投用！看看都在哪里

5 月前

个性的小马驹 · 【译】Swift/OC/C++/Rust/Vale 等编程语言的弱引用实现

6 月前

有腹肌的李子 · 解决Pycharm终端无法激活conda环境的问题-百度开发者中心

7 月前