target.getAttribute获取调用这个程序的元素的属性或id等

最新推荐文章于 2022-09-11 21:23:37 发布
最新推荐文章于 2022-09-11 21:23:37 发布
阅读量5.5k 收藏 2
点赞数 1
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/andrewleeeeee/article/details/14225253
版权

如：

function setEffect(e)

{

var id = e.target.getAttribute("id");  //获取调用setEffect函数元素的id

}


<a class="effect" id="normal"></a>   //会是4个中的1个
<a class="effect" id="western"></a>
<a class="effect" id="noir"></a>
<a class="effect" id="scifi"></a>

andrewleeeeee
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
有关getAttribute()方法和setAttribute()方法的说明
helanye的专栏
07-21 3万+
js getAttribute()方法●一份文档就是一棵节点树。   ●节点分为不同的类型：元素节点、属性节点和文本节点等。   ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。   ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。   ●这些节点中的每个都是一个对象。
使用event.target.getAttribute()返回值为null
Rainman_的博客
05-08 2013
<g id="blocklyDraggable_1" class="draggable"onmousedown="selectElement(event)"> <rect x="50" y="20" width="100" height="60" style="fill: blueviolet;" /> </g> function selectElemen...
《前端》获取标签上的属性值：getAttribute（）-2020年9月22日
BelleDiao的博客
09-20 1474
在js里面获取标签的值，我只会通过dom的方式。 下面这个方式其实也是js的原生方法，但是避免了id获取的方式，所以，可适用于vue。 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <body> <div id='app'> <button data-num="100" @click="getData($event)">点我&l
HTML DOM target 属性
echo_pn
06-24 117
HTML DOM target 属性 定义和用法 target 属性可设置或返回在何处打开链接。 语法 anchorObject.target=_blank|_parent|_self|_top 四个保留的目标名称： _blank - 在一个新的未命名的窗口载入文档 _self - 在相同的框架或窗口中载入目标文档 _parent - 把文档载入父窗口或包含了超链接引用...
event.target.propertyName和event.target.getAttribute("propertyName")区别
qq_36824782的博客
10-26 1847
getAttribute拿的是html属性的值，而prop是DOM接口，存取如何是由DOM规范定义的，跟html上的值是不一定对应的。比如 input.value 你可以改变，但是 input.getAttribute('value') 你拿到的总是html上的属性的值，是不变的。再如 a.href 得到总是绝对地址，而 a.getAttribute('value') 则是 html上写的地址，原
vue.js2.0点击获取自己的属性和jquery方法
10-18
4. **元素属性访问**：原生JavaScript的`getAttribute`方法与jQuery的`attr`函数用于获取元素属性值。 5. **DOM操作**：Vue中通过`document.getElementById`直接操作DOM，而在jQuery中，可以使用`$(selector).val()`...
vue递归获取父元素的元素实例
10-14
在Vue.js中，有时我们需要获取元素的特定关系，如父元素、子元素或兄弟元素，以便进行DOM操作或实现特定功能。本文将详细介绍如何在Vue中递归获取父元素的元素实例，并提供相关的DOM操作方法。 首先，让我们深入...
IE event.srcElement和FF event.target 功能比较
09-05
这个函数展示了如何获取触发事件元素的各种属性，如ID、标签名、类型、值、名称和类名。例如，`evg.id` 获取的是元素的ID，`evg.tagName` 是元素的标签名，`evg.type` 为元素的类型（如按钮的类型是"button"），`evg...
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
10-29
`target.getAttribute('id')`用来获取触发事件的元素的ID，这里假设元素具有ID属性。你可以根据需要获取其他属性，如`name`、`class`等。 总结一下，JavaScript提供了丰富的API来处理用户的交互行为，包括获取鼠标...
ie不支持javascript的解决方案.docx
12-05
- 问题：IE允许使用`("itemName")`或`["elementName"]`访问元素属性，而Firefox仅支持`["elementName"]`。 - 解决方案：为了确保跨浏览器兼容性，建议始终使用`["elementName"]`方式。 2. **集合类对象获取** - ...
e.target
bujiongdan的博客
09-17 262
target定义： 　　　　target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： 　　　　event.target 　　　　event.target.nodeName  　　//获取事件触发元素标签name（li,p...） 　　　　event.target.id　　　　　　　//获取事件触发元素id 　　　　event.target....
事件对象e的e.target
weixin_49602426的博客
09-11 2803
事件对象是事件的一系列相关数据的集合，跟事件相关。eg: 鼠标点击里面就包含了鼠标的信息（属性和方法）、键盘按下就包含了键盘事件的信息；事件对象是系统给我们自动创建的，不需要我们传递参数；事件对象只有事件（onclick、click等）存在的时候才会存在；事件对象只是一个形参，我们可以自己命名：event、e、ele等；btn.onclick = function(e){ // 这里的e就是所谓的事件对象e.target}e.target返回的是触发事件的对象（元素）。那么它和this。
js事件委托
weixin_60005240的博客
04-01 84
1. 事件冒泡 元素嵌套，当元素触发事件时，他会向上一级一级的向上传递，直到到最外层window 2. 事件委托 把一个元素的事件委托给别的元素（所有外层元素都可以监听他这个事件的触发） 原理：利用事件冒泡来处理委托事件 3. 事件委托的优缺点 减少事件的绑定 节省内存 减少工作量 4. vite快的地方 webpack 会吧所有的代码都编译成我们的 es5，或者es6 每次编译都比较耗时 vite 是有所选择的编译 improt export 代码如下： <div .
attribute和property的区别
weixin_30820151的博客
08-14 129
Attribute是HTML标签上的属性，它的值只能是字符串。Attribute就是dom节点自带的属性，例如html中常用的id、class、title、align等。 property是DOM中的属性，是JavaScript中的对象。而Property是这个DOM元素作为对象，其附加的内容，例如childNodes、firstChild等。 <div id="d...
e.target与事件委托简例
weixin_30659829的博客
03-18 1113
target定义： 　　　　target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： 　　　　event.target 　　　　event.target.nodeName 　　//获取事件触发元素标签name（li,p...） 　　　　event.target.id　　　　　　　//获取事件触发元素id 　　　　event.target....
JS 编辑器动态添加select 鼠标划过显示下拉列表
朝花夕拾的博客
12-13 1450
核心知识点： 鼠标事件： onmousemove 鼠标移上 onmouseleave 鼠标移开 （注意区别开onmouseover和 onmouserout以及onmouseenter） const spanIdelememt: any = [] for (var i = 0; i < spanElement.length; i++) { if (spanElement[i].getAttribute('data-mce-id')) { spanIdele...
e.target的用法
热门推荐
qq_36412715的博客
11-22 5万+
target定义： target 属性规定哪个 DOM 元素触发了该事件。 target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： event.target event.target.nodeName 　　//获取事件触发元素标签名（li，p，div，img，button…） event.target.id　　　　　　//获取事件触发元素id ev...
react指定项单条删除 e.target
qq_43676606的博客
12-31 410
clearHistory(e) { //删除全部历史记录 // localStorage.removeItem('historyItems'); //删除单条历史记录 const i=e.target.getAttribute('index'); console.log(i) const l...
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#editModal" th:data-id="${user.user_id}" th:data-name="${user.user_name}" th:data-pass="${user.user_pass}" th:data-age="${user.user_age}" th:data-sex="${user.user_sex}" onclick="getUserInfo56(this.getAttribute('data-id'), this.getAttribute('data-name'), this.getAttribute('data-pass'),this.getAttribute('data-age'),this.getAttribute('data-sex'))"> 修改 </button>解释下这个代码
最新发布
06-02
这是一个HTML代码段，包含一个按钮元素，用于触发模态框的显示。这个按钮被定义为一个类为"btn btn-primary"的按钮，点击该按钮会弹出一个模态框，该模态框的内容是可以编辑用户信息的表单。 该按钮同时定义了一些自定义属性，如"data-bs-toggle"和"data-bs-target"，用于激活模态框的行为。另外，这个按钮还使用了thymeleaf模板引擎的一些自定义属性，如"th:data-id"和"th:data-name"等，用于在调用JavaScript函数时传递对应的用户信息参数。 具体来说，这个按钮的onclick事件会调用名为getUserInfo56的JavaScript函数，该函数会从该按钮的自定义属性中获取用户ID、用户名、密码、年龄和性别等信息，并将这些信息填充到模态框中的表单元素中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值