首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Javascript:获取元素当前的"onclick"内容

获取元素当前的"onclick"内容

要获取元素当前的"onclick"内容,可以使用JavaScript中的event对象,该对象包含了用户当前的事件和属性。具体步骤如下:

  1. 获取元素对象

首先需要获取元素的onclick事件的对象,可以使用event对象中的target属性,该属性返回当前触发事件的元素对象。

代码语言:javascript
复制
const elem = event.target;
  1. 获取元素属性

使用elem对象可以获取元素的属性,例如要获取元素的ID,可以使用id属性。

代码语言:javascript
复制
const id = elem.id;
  1. 获取元素属性值

使用elem对象可以获取元素的属性值,例如要获取元素的onclick属性值,可以使用value属性。

代码语言:javascript
复制
const onclick = elem.onclick;

完整代码示例:

代码语言:javascript
复制
const elem = event.target;
const id = elem.id;
const onclick = elem.onclick;
console.log("ID:", id);
console.log("ONCLICK:", onclick);

上述代码会输出元素的ID和onclick属性值。注意,如果onclick属性值是函数,需要使用call()方法将其转换为字符串,例如:

代码语言:javascript
复制
const onclickFunc = elem.onclick;
const onclickString = onclickFunc.call(null);
console.log("ONCLICK:", onclickString);

这样可以将函数转换为字符串,并输出。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

vue 点击事件获取当前元素

在开发中我们可能会使用单击事件去获取当前元素,这样就需要进行传参: 关键词: $event  在括号中输入这个关键词,然后在方法中就可以使用以下方法去获取当前所需要使用元素 //当前点击元素...e.target //是你绑定事件元素 e.currentTarget //获得点击元素前一个元素 e.currentTarget.previousElementSibling.innerHTML...//获得点击元素第一个子元素 e.currentTarget.firstElementChild //获得点击元素下一个元素 e.currentTarget.nextElementSibling...//获得点击元素中id为string元素 e.currentTarget.getElementById("string") //获得点击元素string属性 e.currentTarget.getAttributeNode...('string') //获得点击元素父级元素 e.currentTarget.parentElement //获得点击元素前一个元素第一个子元素HTML值 e.currentTarget.previousElementSibling.firstElementChild.innerHTML

1.8K10
  • javascript获取当前系统时间代码_获取当前系统时间

    JavaScript 获取当前时间time 开发常用时间笔记 JS获取当前时间 Js获取当前日期时间及其它操作 ** 谨记要懂得经常在控制台输出结果 ** var myDate = new Date...(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整年份(4位,1970-???)...myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-...6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开始毫秒数) myDate.getHours(); //获取当前小时数(0-23) myDate.getMinutes...如发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    18.4K30

    Javascript获取页面元素位置

    制作网页过程中,你有时候需要知道某个元素在网页上的确切位置。 下面的教程总结了Javascript在网页定位方面的相关知识。 一、网页大小和浏览器窗口大小 首先,要明确两个基本概念。...二、获取网页大小 网页上每个元素,都有clientHeight和clientWidth属性。...这两个属性指元素内容部分再加上padding所占据视觉面积,不包括border和滚动条占用空间。...三、获取网页大小另一种方法 网页上每个元素还有scrollHeight和scrollWidth属性,指包含滚动条在内元素视觉面积。...五、获取网页元素相对位置 网页元素相对位置,指该元素左上角相对于浏览器窗口左上角坐标。 有了绝对位置以后,获得相对位置就很容易了,只要将绝对坐标减去页面的滚动条滚动距离就可以了。

    3.3K70

    JavaScript之怎样获取元素节点

    JavaScript获取元素节点一共有三种方法,分别是通过元素ID、通过标签名字和通过类名字来获取; 1.通过元素ID属性ID值来获得元素对象-getElementById() DOM提供了一个名为getElementById...()方法,这个方法将返回一个与括号里有着一样id值元素节点对应对象。...注意:JavaScript语言区分字母大小写,所以在写getElementById千万别写成getElementByid,这样得不到你想要获得元素对象。...也就是说返回是所有匹配元素所组成一个元素数组。。 他是document对象特有的函数,这个函数参数只有一个,只能是你想要获得元素标签名,这个值必须放在单引号或者双引号里面。...DOM提供了一个名为getElementsByClassName()方法,这个方法返回一个与括号里有着一样类名元素数组对应对象数组。也就是说返回是所有匹配元素所组成一个元素数组。

    1.3K80

    jQuery判断当前元素是第几个元素&获取第N个元素

    jQuery判断当前元素是第几个元素 如果我们点击任何一个li标签,想知道当前点击是第几个li标签,可以使用下面的代码: $("ul li").click(function () {     var ...jQuery 获取第N个元素 同理,如果我们要获取第二li标签元素,可以使用下面的代码 var element=$("ul li").eq(1); alert($(element).html()); 注意索引是从...0开始,因此上面的代码会输出第二个li标签html内容。...以上就是jQuery判断当前元素是第几个元素和jQuery获取第N个元素示例方法 本文为仙士可原创文章,转载无需和我联系,但请注明来自仙士可博客www.php20.cn 上一篇:...分享一个好用触摸事件插件touchswipe 下一篇: jquery 获取单选框值方法

    3.3K20

    原生JavaScript获取元素margin外边距

    最近想找一个可以获取元素高度(包括外边距margin)方法,原生JS实现方法一直没有找到,不过有一个方法可以获取元素边距,记录一下: 语法是(获取元素属性值): getComputedStyle...document.defaultView.getComputedStyle(element[,pseudo]); 或者: window.getComputedStyle(element[,pseudo]); element 需要读取元素值...pseudo 也有一种写法是 pseudo-element 意思是伪类 ::before,该参数不是必须,空字符串或没有参数则表示元素本身。当不查询伪类元素时候可以忽略或者传入 null 。...let my_div = document.getElementById("myDiv"); let style = window.getComputedStyle(my_div, null); 获取元素上边距...而不同点就是: element.style 读取只是元素内联样式,即写在元素 style 属性上样式;而 getComputedStyle 读取样式是最终样式,包括了内联样式、嵌入样式和外部样式

    9.5K10

    JS和JQuery获取当前元素兄弟及父级等元素方法

    ) jQuery.parents(expr),类似于 jQuery.parents(expr) ,但是是查找所有祖先元素,不限于父元素 jQuery.children(expr),返回所有子节点,这个方法只会返回直接孩子节点...,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。...,而 jQuery.find(),返回结果,不会有初始集合中内容,比如 $("p").find("span") ,是从 元素开始找 ,等同于 $("p span") JS获取:...;   //获得s最后一个子节点 JS获取节点父级,子级元素:JS方法会比JQUERY麻烦很多,主要则是因为FF、谷歌浏览器会把你换行也当作DOM元素:空text元素,目前IE也是这样       原生JS获取ID为test元素元素

    12.6K10

    【Web APIs】JavaScript 操作元素 ① ( 修改元素内容 | innerText 属性修改元素文本内容 | innerHTML 属性修改元素 HTML 内容 )

    属性 ; innerHTML 属性 ; 1、innerText 属性修改元素文本内容 通过 元素对象 innerText 属性 修改元素内容 : 元素对象 innerText 属性可以 获取 或...设置 元素 文本内容 , 使用该属性时 , 会 获取 元素 当前文本内容 ; 设置该属性时 , 会 替换 元素 当前文本内容 ; 注意 : 使用该属性 , 会自动删除 HTML 标签 , 也就是说如果有...: 元素对象 innerHTML 属性可以 获取或设置元素内部 HTML 标签元素 , 设置这个属性时 , 实际上是在替换元素内部 HTML 结构 ; 使用该属性时 , 会 获取 元素 当前文本...HTML 内容 ; 设置该属性时 , 会 替换 元素 当前文本 HTML 内容 ; 注意 : 使用该属性 , 会自带 HTML 标签 , 也就是说如果有 空格 或 换行 会保留下来 ; 代码示例...> 标签换行效果 , 都设置到了元素内容中 ; 3、页面加载后自动执行修改元素内容 JS 脚本 上面的代码 , 都是 先获取按钮元素 , 然后为 按钮元素绑定点击事件 , 点击 按钮后 修改元素内容

    19410
    领券