JS获取元素或者节点

最新推荐文章于 2024-06-25 15:27:27 发布
最新推荐文章于 2024-06-25 15:27:27 发布
阅读量195 收藏
点赞数
分类专栏： HTM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35385797/article/details/82809379
版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>获取节点或获取元素</title>
    <link rel="stylesheet" href="">
</head>
<body>
    <div id="pp">
      <img src="" alt="" />
      <ul>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
      </ul>
      <div>
                  
              </div>        
    </div>
<script type="text/javascript">
    var div1 = document.getElementById("pp");
    var uu  = document.getElementsByTagName("ul");
    //获取当前节点的父节点
    console.log(uu[0].parentNode);
    //获取当前节点的父级元素
    console.log(uu[0].parentElement);
    //获取当前节点的子节点
    console.log(uu[0].childNodes);
    //获取当前节点的子元素
    console.log(uu[0].children);
    //获取当前节点的第一个子节点
    console.log(uu[0].firstChild);
    //获取当前节点的第一个子元素
    console.log(uu[0].firstElementChild);
    //获取当前节点的最后一个子节点
    console.log(uu[0].lastChild); 
    //获取当前节点的最后一个子元素
    console.log(uu[0].lastElementChild);
    //获取前一个兄弟节点
    console.log(uu[0].previousSibling);
    //获取前一个兄弟元素
    console.log(uu[0].previousElementSibling);
    //获取后一个兄弟节点
    console.log(uu[0].nextSibling);
    //获取后一个兄弟元素
    console.log(uu[0].nextElementSibling);
     
</script>​
</body>
</html>

zhoujiaxi_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Morris算法遍历二叉树
qq_40585050的博客
09-09 592
中序遍历步骤 如果当前节点左子节点(cur.left)为空，输出当前节点(cur)，进入右子节点(cur.right)。 如果当前节点左子节点(cur.left)非空，找到当前节点左子树的最右节点(mostRight)： 1）如果该节点的右子节点(mostRight.right)为空，则将其指针指向当前节点(cur)，进入左子节点(cur.left)。 2）如果该节点的右子节点(mostRight.right)非空，则将其指针置为空，输出当前节点(cur)，进入右子节点(cur.right)。
【JAVAScript】dom获取元素的方式及实例
weixin_51612770的博客
05-12 3171
JAVAScript (dom易忘点：获取元素节点) 今天主要介绍两种获取元素的方式：document.方法（）和利用节点层级关系获取元素 需要注意的是：选取合适的获取方式，并考虑浏览器的兼容性（部分获取的方式IE9以下是无法使用的） 什么是DOM? 文档对象模型 (DOM) 是HTML的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页
JavaScript中 获取元素节点 以及 获取元素属性 的方法
最新发布
x15514104477的博客
06-25 1200
js中获取元素节点的6种方法演示加解释 js中获取元素属性的3种方法的演示加解释
JS获取元素节点的方法
wang_swa99er的博客
08-26 629
JS获取元素节点的方法 document.getElementById(id); node.getElementsByTagName(标签名)； 功能：从node节点开始，通过标签名获取符合条件的元素节点 返回值：伪数组/类数组 node.getElementsByClassName(class节点) (IE8一下不兼容) 功能：通过class名字获取符合条件的元素节点 document.getElementsByName(name属性的值) 功能：通过Name属性的值获取符合条件的元素节点 【注】一
获取节点元素
qq_48573827的博客
09-23 436
若获取元素的到的是一个元素集合，若获取不到返回一个空集合， 如果获取到是一个具体元素，若果获取不到返回null。一般的，节点至少拥有nodeType（节点类型），nodeName（节点名称），和nodeValue（节点值）这三个基本属性。利用node.parentNode,得到的是离本节点最近的父级节点，如果找不到父节点就返回为NULL。用法：先创建一个节点，然后把创建的节点赋给变量，然后把变量传入插入节点的参数中。注意：返回值里面包括了所有的子节点，包含元素节点，文本节点等。
JavaScript 获取元素在父节点中的下标(推荐)
10-19
总之，JavaScript获取元素在父节点中的下标是通过结合`querySelectorAll`和数组的`indexOf`方法来实现的。理解这个过程不仅可以帮助你解决特定问题，还能增强你对JavaScript DOM操作的掌握，使你在编写高性能的前端...
jQuery获取元素父节点的方法
10-22
在JavaScript的世界里，jQuery库提供了一种简便的方式来操作DOM元素，包括获取元素的父节点。在标题和描述中提到的"jQuery获取元素父节点的方法"，主要包括`parent()`、`parents()`和`closest()`这三个方法。下面将...
js 获取元素所有兄弟节点的实现方法
10-21
下面小编就为大家带来一篇js 获取元素所有兄弟节点的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript HTML DOM元素 节点操作汇总
10-16
JavaScript HTML DOM元素节点操作是网页动态交互的核心技术之一，它允许我们通过JavaScript代码来操作页面上的HTML元素。本文将深入探讨DOM中的节点操作，包括添加、删除、替换和查找节点等基本操作。 首先，理解...
JS获取元素节点的子节点
weixin_33910460的博客
02-04 315
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text...
获取元素节点的方法
weixin_62024166的博客
09-28 250
HTML部分 <body> <div id="box">1</div> <div id="box">1</div> <div class="box">2</div> <div class="box">2</div> <span>3</span> <span>3</span> <p name="footer">4
JS获取节点
m0_63022883的博客
02-16 2484
获取节点： +包括两种 1. 获取元素节点 1-1. 非常规标签 => html => body => head 1-2. 常规标签 => getElementById() => getElementsByClassName() ...
JS获取节点的兄弟，父级，子级元素
热门推荐
hellogull
05-14 59万+
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： var a = docuemnt.getElementById("test").getElementsByTagName("div
js获取元素节点的方式
HeartCSDN的博客
03-15 597
js获取元素节点地方式 通过顶层document节点获取： （1） document.getElementById(elementId) ：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。 var a = document.getElementById("test").getElementsByTagName("d...
JS--获取元素信息
悄悄接
11-13 470
版权声明：本文为博主原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。 目录 一、js中如何获取特定元素信息 1、获取父级元素 2、获取子级元素 3、获取前一个元素 4、获取下一个元素 一、js中如何获取特定元素信息 1、获取父级元素 $("body").on('blur',"input[name='name']",function(){ ...
JS获取子节点、父节点和兄弟节点的方法实例总结
盏茶作酒的博客
06-24 1190
1.js获取子节点的方式 1.通过获取dom方式直接获取子节点 var a = document.getElementById("test").getElementsByTagName("div"); 2.通过children来获取子节点 利用children来获取子元素是最方便的，他也会返回出一个数组。对其获取子元素的访问只需按数组的访问形式即可。 1 var getFirstChild = document.getElementById("test").chi.
通过JS如何获取DOM节点元素
Fancy_vae的博客
09-13 3697
JS中获取DOM元素的方法总共有5种： 1.通过id值。 2.通过name属性值。 3.通过指定的标签名。 4.通过class类名。 5.通过css选择器（css选择器如何选择，就可以如何选择） 1、通过id选取元素（getElementById） 1）使用方法：document.getElementById(“domId”) 其中，domId为要选取元素的id属性值 2）兼容性：低于IE8版本的IE浏览器对getElementById方法的实现是不区分元素ID号的大小写的，并且会返回匹配name属性的元素
js获取父子节点、兄弟节点
weixin_41643133的博客
08-02 2983
一、js获取自节点 通过获取dom方式直接获取子节点 其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。 var a = document.getElementById("test").getElementsByTagName("div"); 通过childNodes获取子节点 使...
js获取dom元素的节点
09-01
通过id获取节点是通过元素的唯一id属性来获取元素节点的方法。例如，可以使用document.getElementById("box1")来获取id为"box1"的元素节点。 通过标签名获取节点数组是通过元素的标签名来获取一组相同标签名的元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值