JavaScript如何获取当前点击对象节点

最新推荐文章于 2024-04-22 19:40:19 发布
最新推荐文章于 2024-04-22 19:40:19 发布
阅读量2.5w 收藏 6
点赞数 6
分类专栏： 前端三剑客H5&JS&CSS 文章标签： javascript 对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NightAndKnight/article/details/67634967
版权

/*传入参数this即可获取当前点击的对象*/ 

<!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>
    /*传入参数this即可获取当前点击的对象*/
    <span  id="demo" οnclick="capture(this)">点我</span>
</body>
<script>
    function capture(data) {
        console.log(data.id);
        alert(data.id);
    }
</script>
</html>


NightAndKnight
关注
专栏目录
JS DOM、点击事件
m0_47782122的博客
09-24 974
专题学习
前端-常用点击事件获取元素的方式及onclick如何获取点击事件所在的元素
最新发布
weixin_58443158的博客
08-07 636
事件处理器来获取触发事件的元素。事件处理器会被传入一个事件对象（），该对象包含关于事件的所有信息，包括触发事件的元素。3、事件的处理程序：事件触发后要执行的代码（函数）事件公式：事件源.事件类型 = 事件的处理程序。在JavaScript中，可以通过给元素添加。获取到是哪个元素触发了事件。1、事件源：被触发的元素。当按钮被点击时，会触发。详看示例代码，如何在。
onclick获取当前节点
weixin_30872157的博客
03-25 528
<script>　　function GetHref(obj){ 　　　　var Para =$(obj).text();//$(obj)把dom对象转换jq对象 　　　　alert(Para);　　}</script> <button onclick="GetHref(this);" src="www">1111</button> 转...
JS节点的获取方法
weixin_46421045的博客
06-10 237
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div> <!
js 获得当前 点击 的元素对象
fghfghhgjgj的博客
11-05 2349
js 获得当前 点击 的元素对象： <body> /*传入参数this即可获取当前点击的对象*/ <span id="demo" onclick="capture(this)">点我</span> </body> <script> function capture(data) { console.log(data.id); alert(data.innerText
js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性 修改属性值、js 获取子元素、js 改变css样式
qq_32886245的博客
07-14 2808
js dom操作 js 获取元素节点 一份document就是一棵节点树 // 1. 根据元素id名称获取dom, return→对象 document.getElementById('submit_btn') // 2. 根据元素标签名称获取dom, return→对象数组 document.getElementsByTagName ('ul') // 3. 根据元素class名称获取dom, return→对象数组 document.getElementsByClassName('menu acti
JavaScript 获取元素在父节点中的下标(推荐)
10-19
在JavaScript中，获取元素在父节点中的下标是一项常见的任务，尤其在进行DOM操作和页面交互时。在jQuery中，我们可以方便地使用`$(this).index()`来获取元素在父节点同级元素中的索引位置。然而，在原生JavaScript中...
ztree获取当前选中节点子节点id集合的方法
09-03
在处理与树形结构相关的操作时，有时我们需要获取当前选中节点的子节点ID集合，以便进行进一步的数据处理或操作。本篇将详细介绍如何在ZTree中实现这一功能，同时解析`transformToArray()`方法的使用。 首先，获取...
JavaScript获取当前页面上的指定对象示例代码
12-09
在JavaScript中，获取当前页面上的指定对象是网页动态交互的基础，这些对象可以是HTML元素、表单字段或者其他类型的DOM（文档对象模型）节点。本文将详细介绍几种常见的方法，并通过示例代码来展示如何使用它们。 ...
jQuery获取单击节点对象的方法
10-22
### jQuery获取单击节点对象的方法 #### 知识点概述 本文重点讲解了如何使用jQuery来获取在用户单击时触发事件的DOM节点对象。在Web开发中，鼠标事件是一种常见的交互方式，jQuery作为流行的JavaScript库，提供了...
vue.js click点击事件获取当前元素对象的操作
10-14
alert("当前对象的内容：" + el.innerHTML); } } }) ``` 在这个例子中，我们为`<li>`元素绑定了`click`事件，处理函数是`say`。在`say`方法中，通过`$event`对象的`currentTarget`属性，我们可以获取到事件...
JS获取鼠标选中的节点信息
热门推荐
吴小迪的博客
05-02 4万+
今天给大家分享一下如何在项目中获取鼠标选中的节点和其他的信息 项目实战： 项目需求：在富文本编辑器上获取选中dom节点的内容，和鼠标所在的位置。 笔者前不久在某项目开发的过程中就遇到了这个问题，全网搜，感觉总结的好的还不是很多，就算是好的也不是很全，所以笔者决定把这些东西结合着我项目的需求去把这些知识点串起来，以供后面的朋友们解决问题。 首先要有一个输入框或者富文本编辑器（没有富文本编辑器朋友可以...
BOM 浏览器对象模型 这里面有很多浏览器相关的方法
hu_xingwei的博客
09-08 192
BOM 浏览器对象模型 这里面有很多浏览器相关的方法
JS 节点对象
许诺的博客
03-23 319
1.DOM节点对象 1.dom角度: 整个html文档看作一个文档对象document,每个html标签元素看作dom节点对象， 每个html标签元素的内容、属性也被看作是dom节点对象=> html文档中所有元素都被看作是dom节点对象 2.dom节点对象分类 html标签元素 元素节点 标签内容 文本节点 标签属性 属性节点 3.层次结构 元素节点之间有空白的文本节点 lastchild：最后一个子节点 frstchild：第一个子节点 parentNode：父节点 nextSibling：下
JS如何取得当前对象的属性
自强不息
01-30 759
页面中有很多张，要获取当前点击的那一张的"src"，语句怎么写？ //方法: function fc(dom){ var src = dom.getAttribute("src"); alert(src); } //标签:
JavaScript获取当前节点对象以及删除当前节点
qq_60390518的博客
06-09 259
当前node对象调用this属性可以获取到当前对象。
js获取对象
aimcode
03-24 3639
 js获取对象2008-12-18 22:43如果不用类库(如jquery)来写，往往很多时候，都需要通过id或tag来获取html里的某一对象，然后对其进行操作。 为了节省代码，把常用的获取对象的方法集成到函数里，每次直接通过传递参数来调用，可以是代码更简洁。下面总结了一下常用的获取对象的方法，供参考。 function GetId(id){return docu
JS DOM中的获取节点和操作节点
m0_63977330的博客
04-22 1866
HTML除了一些内置属性之外,程序员还可以根据需要自定义一些属性, 自定义的属性建议以data-开头// DOM操作内置属性 DOM对象.内置属性名// 获取自定义属性,也可以获取内置属性,但是获取类名的时候,需要使用class// dom对象.getAttribute("自定义属性名或者内置属性名")// 设置自定义属性,也可以设置内置属性,但是设置类名的时候,需要使用class// dom对象.setAttribute("自定义属性名或者内置属性名", "属性值")
JS事件对象
qq_45473786的博客
03-21 587
文章目录事件对象概念event常见属性clientX和clientY、screenX和screenY、pageX和pageY的区别图示示例示例一示例二 事件对象概念 比如onclick、onfocus、onmousedown、onmouseover…都称作事件对象 示例： btn.onclick = function(event){ //这里的event就是当前事件的对象...
深入理解JavaScript DOMDocument对象与节点操作
"这篇文档主要介绍了JavaScript中的节点操作和DOMDocument对象的重要属性及方法，强调了在使用过程中注意大小写的准确性。DOMDocument是处理XML文档的核心对象，而XMLHTTP则是进行异步请求的关键组件。" 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值