JS onclick中this用法

最新推荐文章于 2020-10-02 16:24:20 发布

转载最新推荐文章于 2020-10-02 16:24:20 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liao123/p/11608414.html

本文介绍了在DOM元素中使用onclick事件绑定时，如何利用this关键字来指向当前元素对象，并演示了通过this对象获取子元素并操作的方法。

当在dom元素中使用onclick绑定事件的时候，可以使用this来指向该元素对象。

打印输出的内容为：

所以可以通过该this对象来获取子元素

//通过element获取该对象下的一个audio标签
function play（1,element）{
   let audio = element.getElementByTagName('audio')[0];  
   audio.play();  
}

转载于:https://www.cnblogs.com/liao123/p/11608414.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30613727

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript onclick事件使用方法详解

11-20

本文将深入探讨`onclick`事件的工作原理、使用方法以及几个实用示例。 `onclick`事件是一个内联事件处理器，它可以绑定到任何可点击的HTML元素，如按钮、链接或图像等。当用户在浏览器中对这些元素进行点击操作时，...

A标签中通过href和onclick传递的this对象实现思路

12-03

解决这个问题的一个方法是保持使用`onclick`事件，但避免使用`href`来执行JavaScript代码。可以将`href`设置为`#`或`javascript:void(0)`来防止页面跳转，同时确保`onclick`事件正常工作。例如： ```html ...

参与评论您还未登录，请先登录后发表或查看评论

javascript中onclick(this)用法介绍

10-27

this指触发事件的对象，接下来为大家分享下javascript中onclick(this)的用法，感兴趣的朋友可以参考下哈，希望对你有所帮助

javascript中onclick(this)用法和onclick(this.value)用法介绍

热门推荐

只在朝暮间的博客

06-14

6万+

onclick(this.value)代码详解 <html> <head> <script language="javascript"> function test(value){ if(value=='1') { alert("11111111"); }else{ alert

js中onclick事件中this用法

qq_45187522的博客

10-02

9693

案例1： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{ color: #0000cc; font-size: 20px; } </style> <

javascript中onclick(this)

Golden的专栏

04-18

296

this指触发事件的对象 <input id="myinput" type="text" value="javascript中onclick中的this" onclick="javascript:test(this);"/>function test(obj){ alert(obj); //[object HTMLInputElement] a...

用js绑定onclick事件中的this

NULL码农

08-14

4万+

案例1： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&amp

JavaScript中this关键字使用方法详解

10-31

### JavaScript中this关键字使用方法详解 #### 一、引言在面向对象编程语言中，`this`关键字是一个非常常见的概念。例如，在C++、C#和Java等语言中都有提供这一关键字，尽管初学时可能会觉得有些难度，但一旦理解...

onclick this使用

09-19

182

onclick='up(this)' 转载于:https://my.oschina.net/auoa/blog/748810

HTML的onclick的this指向

思维小刀

05-31

4149

1.简述 <input type="button" value="modify" onclick="changeContent()"> 写在元素上onclick里面的函数changeContent，相当于函数直接调用，函数里面使用的this指向全局对象window，而不是指向该元素 <input type="button" value="修改" onclick="...

js日常踩坑之onClick 获取 this 对象

fjigww

06-03

1652

js日常踩坑，onClick 获取 this 对象使用的是 bootstraptable 控件，在返回数据时 formatter 要设置值在 a 标签中，一直 1 方法中这样传入 this，一直错误： Uncaught SyntaxError: Unexpected identifier ，这是因为此 this 被当成定义的入参了，非函数调用时的上下文，所以后面 skip 函数中获取...

javascript 基础 onclick(this)用法介绍

weixin_30672019的博客

10-27

550

http://www.5idev.com/p-javascript_events_onclick.shtml ------------------------------------------------------------------ 直接这样调用 thiTest()的话，里面的两个 this 都是 window 对象。其实this.userName = 'outer user...

jquery的onclick(this)方法

weixin_34088838的博客

01-09

590

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ..

onclick与this

weixin_30532973的博客

02-03

267

这个其实也是一个很基础的问题，不过又碰巧遇到了，所以记录一下。假设我们有这么一个需求，按下按钮，弹出提示框，显示按钮的value值。可能有一些人提起笔就写： <button onclick="a()" value="a">click</button> <script> function a(){ alert(this.value...

javascript中onclick this

hffygc的博客

11-12

642

javascript中onclick this

在onclick、onblur中使用this

qq_42345237的博客

10-03

2995

像onclick、onblur这种直接写在标签中的事件，该如何使用this？我们一般使用this，会首先获取到相对应的dom对象，比如document.getElementById(),或者用jquery的方法$()来获取，然后进行相应的操作。如果说咱们没有获取相应的dom对象，那么this就代表的是全局对象window。那如果说是函数作为对象的方法调用，就会是另一个样子，咱们来看个例子： ...

javascript 中的　this 用法

ghostyusheng 's blog

11-17

387

this指触发事件的对象复制代码代码如下: 复制代码代码如下: function test(obj){ alert(obj); //[object HTMLInputElement] alert(obj.id); //myinput alert(obj.value); //javascript中onclick中的this }

深入理解JavaScript中this关键字的使用场景

本文围绕标题“如何使用JavaScript中的this关键字”展开深入分析，结合描述和部分内容，系统阐述了`this`在不同调用环境下的表现形式及其背后的运行机制。首先，在全局环境中定义的函数（如示例中的`doSomething()...