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

最新推荐文章于 2022-09-11 21:23:37 发布
最新推荐文章于 2022-09-11 21:23:37 发布
阅读量5.6k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/andrewleeeeee/article/details/14225253
本文介绍了一个简单的JavaScript函数setEffect，该函数通过获取调用它的元素的ID来为不同的UI效果提供支持。示例中提供了四个不同ID的链接，每个链接代表一种不同的视觉效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

如：

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>

有关getAttribute()方法和setAttribute()方法的说明
helanye的专栏
07-21 3万+
js getAttribute()方法●一份文档就是一棵节点树。   ●节点分为不同的类型：元素节点、属性节点和文本节点等。   ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。   ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。   ●这些节点中的每个都是一个对象。
vue.js2.0点击获取自己的属性和jquery方法
10-18
4. **元素属性访问**：原生JavaScript的`getAttribute`方法与jQuery的`attr`函数用于获取元素属性值。 5. **DOM操作**：Vue中通过`document.getElementById`直接操作DOM，而在jQuery中，可以使用`$(selector).val()`...
使用event.target.getAttribute()返回值为null
Rainman_的博客
05-08 2194
<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 1552
在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 163
HTML DOM target 属性 定义和用法 target 属性可设置或返回在何处打开链接。 语法 anchorObject.target=_blank|_parent|_self|_top 四个保留的目标名称： _blank - 在一个新的未命名的窗口载入文档 _self - 在相同的框架或窗口中载入目标文档 _parent - 把文档载入父窗口或包含了超链接引用...
event.target.propertyName和event.target.getAttribute("propertyName")区别
qq_36824782的博客
10-26 1907
getAttribute拿的是html属性的值，而prop是DOM接口，存取如何是由DOM规范定义的，跟html上的值是不一定对应的。比如 input.value 你可以改变，但是 input.getAttribute('value') 你拿到的总是html上的属性的值，是不变的。再如 a.href 得到总是绝对地址，而 a.getAttribute('value') 则是 html上写的地址，原
vue递归获取父元素的元素实例
10-14
在Vue.js中，有时我们需要获取元素的特定关系，如父元素、子元素或兄弟元素，以便进行DOM操作或实现特定功能。本文将详细介绍如何在Vue中递归获取父元素的元素实例，并提供相关的DOM操作方法。 首先，让我们深入...
1.通过JS脚本，获取页面元素的属性值from selenium import webdriver
最新发布
04-08
### 使用 JavaScript 结合 Selenium WebDriver 获取网页元素的属性值 在 Selenium WebDriver 中，可以通过 `execute_script` 方法运行自定义的 JavaScript 脚本来获取页面元素的属性值。以下是具体实现方式： ####...
<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
具体来说，这个按钮的onclick事件会调用名为getUserInfo56的JavaScript函数，该函数会从该按钮的自定义属性中获取用户ID、用户名、密码、年龄和性别等信息，并将这些信息填充到模态框中的表单元素中。
IE event.srcElement和FF event.target 功能比较
09-05
这个函数展示了如何获取触发事件元素的各种属性，如ID、标签名、类型、值、名称和类名。例如，`evg.id` 获取的是元素的ID，`evg.tagName` 是元素的标签名，`evg.type` 为元素的类型（如按钮的类型是"button"），`evg...
e.target
bujiongdan的博客
09-17 344
target定义： 　　　　target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： 　　　　event.target 　　　　event.target.nodeName  　　//获取事件触发元素标签name（li,p...） 　　　　event.target.id　　　　　　　//获取事件触发元素id 　　　　event.target....
事件对象e的e.target
weixin_49602426的博客
09-11 3261
事件对象是事件的一系列相关数据的集合，跟事件相关。eg: 鼠标点击里面就包含了鼠标的信息（属性和方法）、键盘按下就包含了键盘事件的信息；事件对象是系统给我们自动创建的，不需要我们传递参数；事件对象只有事件（onclick、click等）存在的时候才会存在；事件对象只是一个形参，我们可以自己命名：event、e、ele等；btn.onclick = function(e){ // 这里的e就是所谓的事件对象e.target}e.target返回的是触发事件的对象（元素）。那么它和this。
js事件委托
weixin_60005240的博客
04-01 134
1. 事件冒泡 元素嵌套，当元素触发事件时，他会向上一级一级的向上传递，直到到最外层window 2. 事件委托 把一个元素的事件委托给别的元素（所有外层元素都可以监听他这个事件的触发） 原理：利用事件冒泡来处理委托事件 3. 事件委托的优缺点 减少事件的绑定 节省内存 减少工作量 4. vite快的地方 webpack 会吧所有的代码都编译成我们的 es5，或者es6 每次编译都比较耗时 vite 是有所选择的编译 improt export 代码如下： <div .
原生js通过事件对象e获取Input自定义属性的值
qq_43574741的博客
07-20 1485
mydata为自定义属性，watch_num_1为触发的函数 <input type = "text" v-model = "num_1" mydata=10086 @input="watch_num_1"/> watch_num_1(e){ console.log(e); console.log(e.target.getAttribute('mydata')); 控制台输出： 自定义属性就在： e.target.getAttribute('自定义属性名'); ..
attribute和property的区别
weixin_30820151的博客
08-14 170
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 1167
target定义： 　　　　target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法： 　　　　event.target 　　　　event.target.nodeName 　　//获取事件触发元素标签name（li,p...） 　　　　event.target.id　　　　　　　//获取事件触发元素id 　　　　event.target....
JS 编辑器动态添加select 鼠标划过显示下拉列表
朝花夕拾的博客
12-13 1514
核心知识点： 鼠标事件： 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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值