js 查找元素

最新推荐文章于 2023-11-10 23:00:00 发布
最新推荐文章于 2023-11-10 23:00:00 发布
阅读量877 收藏
点赞数
分类专栏： js 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42467563/article/details/83278896
版权
练习 同时被 3 个专栏收录
201 篇文章 8 订阅
订阅专栏
笔记
185 篇文章 0 订阅
订阅专栏
js
32 篇文章 0 订阅
订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>查找元素</title>
    </head>
    <body>
        <div>
            <div>秦时明月汉时关，万里征程人未还</div>
            <div id="wtms">两岸青山相对出，孤帆一片日边来。</div>
            <div>山重水复疑无路，柳暗花明又一村</div>
        </div>
        <div>何当共剪西窗烛，却话巴山夜雨时</div>
    </body>
    <script>
        
        var wtms = document.getElementById('wtms')
        // 上一个同胞元素
        var prev = wtms.previousElementSibling || wtms.previousSibling
        // 下一个同胞元素
        var next = wtms.nextElementSibling || wtms.nextSibling
        // 父级元素
        var parent = wtms.parentNode
        // 获取第一个子元素
        var first = parent.firstElementChild || parent.firstChild
        // 获取最后一个子元素
        var last = parent.lastElementChild || parent.lastChild
        
        // 在文档数中连续查找
        var uncle = wtms.parentNode.nextElementSibling
        alert(uncle.innerText)
        
    </script>
</html>

三尺秋水一点飞鸿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery和JS查找元素
qq_41370896的博客
05-27 425
<meta property="og:title" content="" /> <meta property="og:description" content="" /> <input type="text" id="inputid1"/> 修改meta里的content内容 $("meta[property='og:description']").att...
原生JS查找元素的方法(推荐)
11-26
今天写了一个很简单、很粗暴的通过JS根据类来查找DOM元素。 为了降低它的粗暴等级（耗费性能）我给了三个等级。 首先性能最好的，适合FF,CH,IE8,通过querySelectorAll这个API。 其次是指定ID 最后只能全页面进行匹配class,不过比较节省的性能的是，在指定class名称的时候，同时传入HTML标签的类型，用于节省遍历的范围！ 因为水平有限，目前也只能写成这种，真的好好奇JQ的选择器是怎么去匹配DOM的，如果有大神看到这篇文章，请不要吝啬施教。。。 下面贴代码： function $(d,t){ var c = null, // className
js查找元素
m0_73467366的博客
08-28 863
js元素查找
js 查找元素
Anna_Liqi的博客
02-27 193
index() includes()
1-JS查找元素
qwy715229258163的博客
11-20 182
学习之用
js查找元素的方法
A11085013的专栏
01-18 8025
HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。 不过要注意的是使用getElementById时对不同的浏览器执行的结果可能是不同的，以下有相关说明text1：
JS查找数组中重复元素的方法详解
10-19
主要介绍了JS查找数组中重复元素的方法,结合具体实例形式对比分析了javascript针对数组的遍历、判断、排序等相关操作技巧,需要的朋友可以参考下
javascript基础之查找元素的详细介绍(访问节点)
10-27
虽然jQuery提供了丰富的选择器，但原生JavaScript同样提供了多种方法来查找元素，包括`getElementById()`、`getElementsByTagName()`、`getElementsByName()`以及自定义的`getByClass()`方法。 1. `getElementById...
JavaScript实现添加、查找、删除元素
10-23
主要汇总介绍了JavaScript实现添加、查找、删除元素的方法，十分的简单实用，有需要的小伙伴可以参考下。
JavaScript查找元素
穿堂风的博客
11-23 1082
查找元素 W3C为我们提供了比较方便的定位节点的方法和属性，以便我们快速的对节点进行操作。分别为： 方法 说明 getElementById() 获取去特定ID元素的节点 getElementByTagName() 获取相同元素的节点列表 getElementByName() 获取相同名称的节点列表 geAttribute() 获取特定元素节点属性的值 setAtt...
【元素的查找】js和jquery方法查找dom元素
lihuapiao的专栏
12-17 5339
一.dom方法查找元素       1.常规方法的
js 对象数组查找某一元素的各种方法，方法不改变原数组
qq_31594665的博客
11-10 2397
这个方法会返回数组中第一个符合条件的元素，如果没有符合条件的元素则返回undefined。这个方法会返回数组中第一个符合条件的元素的索引，如果没有符合条件的元素则返回-1。注意：以上方法都不会改变原数组，如果想要改变原数组可以使用splice()方法。这个方法会返回符合条件的元素组成的新数组，如果没有符合条件的元素则返回空数组。这个方法可以遍历整个数组，通过判断每一个元素是否符合条件来找到目标元素。这个方法会返回一个布尔值，表示数组中是否存在至少一个符合条件的元素。
前端~javascript~JS数组/函数function/作用域/作用域链/向上查找
zxc的博客
03-08 622
文章目录一级目录二级目录三级目录 一级目录 二级目录 三级目录
6、JS原生查找元素方法
Rinalin
01-12 5039
document.getElementById(“test”) document.getElementByName(“name”) document.getElementByTagName(“name”) document.getElementByclassName(“name”) getAttribute() setAttribute() removeAttribute() ...
JS在数组中查找元素常用方法
zhaojjjjjj163的博客
06-01 1629
【代码】JS在数组中查找元素常用方法。
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
weixin_33898876的博客
08-09 409
老是找有点烦！直接抄一份存着！ $(function(){ //遍历获取的input元素对象数组，绑定click事件 var len = $("input[type='file']").length; for(var i = 0; i < len; i++){ $("input[type='file']").eq(i).click(function()...
Javascript之查找元素
weixin_53535434的博客
05-29 915
document.getElementById - 根据 id 值查找一个元素[document|元素].querySelector - 根据选择器查找第一个匹配元素[document|元素].querySelectorAll - 根据选择器查找所有匹配元素。
jquery如何向上查找元素
qq_41353397的博客
10-26 1626
例如： $(this).parent().parent().parent().find("a:first").text()；
javascript查找元素众多父元素中的某一个
最新发布
12-21
在JavaScript中，可以使用事件冒泡的特性来查找元素众多父元素中的某一个。通过给父元素添加事件监听器，当子元素触发事件时，父元素的事件也会被触发并执行。 以下是一个示例代码，演示了如何在众多父元素中查找某一个元素： ```javascript // 假设页面中有 10000 个 button 元素 let buttons = document.querySelectorAll('table button'); // 假设上述的 10000 个 button 元素共同的祖先元素是 table let parents = document.querySelector('table'); parents.addEventListener('click', function(event) { // event.target 表示触发事件的元素 if (event.target.tagName === 'BUTTON') { console.log('点击的是 button 元素'); // 在这里可以对点击的 button 元素进行操作 } }); ``` 在上述代码中，我们首先使用`querySelectorAll`方法获取到所有的 button 元素，然后使用`querySelector`方法获取到它们共同的祖先元素 table。接着，我们给 table 元素添加了一个 click 事件监听器，当点击任意子元素时，该事件监听器会被触发。在事件处理函数中，我们可以通过`event.target`属性获取到触发事件的元素，然后判断该元素是否为 button 元素，从而进行相应的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值