【JavaScript】获取对应的节点总结

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>
<div id="dv">
  <ul id="uu">
    <li>第一个</li>
    <li>第二个</li>嘎嘎
    <li id="three">第三个</li>哈哈
    <li>第四个</li>
    <li>第五个</li>
  </ul>
</div>
<script src="common.js"></script>
<script>

  //ul的父级节点
  console.log(my$("uu").parentNode);
  //ul的父级元素
  console.log(my$("uu").parentElement);
  //ul的所有子级节点
  console.log(my$("uu").childNodes);
  //ul的所有的子元素
  console.log(my$("uu").children);
  //ul中第一个子节点
  console.log(my$("uu").firstChild);
  //ul中第一个子元素
  console.log(my$("uu").firstElementChild);
  //ul中最后一个子节点
  console.log(my$("uu").lastChild);
  //ul中最后一个子元素
  console.log(my$("uu").lastElementChild);
  //某个li的前一个兄弟节点
  console.log(my$("three").previousSibling);
  //某个li的前一个兄弟元素
  console.log(my$("three").previousElementSibling);
  //某个li的后一个兄弟节点
  console.log(my$("three").nextSibling);
  //某个li的后一个兄弟元素
  console.log(my$("three").nextElementSibling);

  //总结:获取节点的代码,谷歌是获取节点,获取元素的代码,谷歌是获取元素
  //但是,到了IE8中,获取节点的代码是获取元素,获取元素的代码,不支持
</script>

</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏后端之路

mac环境下ehcache 广播rmi异常解决和JMX相关

分布式环境下对于数据的一致性一直比较麻烦,因此缓存的为使用一定要谨慎。 为防止缓存在各个环境下出现不一致,需要缓存同步机制。由于系统中原先使用了 ehcache...

36710
来自专栏Hadoop数据仓库

Oracle sqlldr 如何导入一个日期列

1. LOAD DATA INFILE * INTO TABLE test FIELDS TERMINATED BY X'9' TRAILING NULLCO...

1786
来自专栏Pulsar-V

Save Camera Document

#pragma once #include "HCCamera.h" #include <time.h> #include <cstdio> #incl...

2818
来自专栏Golang语言社区

Knapsack problem algorithms for my real-life carry-on knapsack

I'm a nomad and live out of one carry-on bag. This means that the total weight o...

1142
来自专栏码匠的流水账

聊聊HystrixThreadPool

hystrix-core-1.5.12-sources.jar!/com/netflix/hystrix/HystrixThreadPool.java

771
来自专栏MelonTeam专栏

Bitmap 源码阅读笔记

导语: Android 系统上的图片的处理,跟Bitmap 这个类脱不了关系,我们有必要去深入阅读里面的源码,以便在工作中能更好的处理Bitmap相关的问题...

2478
来自专栏linux驱动个人学习

高通msm8909耳机调试

1、DTS相应修改: DTS相关代码:kernel/arch/arm/boot/dts/qcom/msm8909-qrd-skuc.dtsi: 1 s...

7445
来自专栏我和未来有约会

简练的视图模型 ViewModel

patterns & practices Developer Center 发布了 Unity Application Block 1.2 for Silver...

2169
来自专栏Petrichor的专栏

Dataset 列表:机器学习研究

In computer vision, face images have been used extensively to develop face recog...

1471
来自专栏linux驱动个人学习

高通Audio中ASOC的machine驱动

ASoC被分为Machine、Platform和Codec三大部分,其中的Machine驱动负责Platform和Codec之间的耦合以及部分和设备或板子特定的...

9694

扫码关注云+社区