如何使用JS触发DIV的onclick事件

如何使用JS触发DIV的onclick事件,第1张

自动触发点击事件,其实就让点击实现自己执行

下面是简单的代码实现:

HTML 代码:

1

<div style='width:100pxheight:100pxbackground:#ccc' id='div'></div>

JS代码:

1

2

3

4

5

var oDiv = document.getElementById('div') //获取元素div

oDiv.onclick = function(){ //给元素增加点击事件

alert(1)

}

oDiv.click() //执行点击事件,这样就模拟出了自动执行点击事件。

这个问题不是显而易见吗?如果是不用中间变量var div来承接,而是直接用document.getElementsByClassName()这样来设置onclick事件的话编译器是不会提示的,因为编译器认为class可以重复,或许会有多个元素class都是相同的,直接换成document.getElementById()就行了,或者给document.getElementsByClassName()设置index,例如document.getElementsByClassName('div')[0].onclick()就OK,建议楼主去了解一下DOM结构

你用的是IE浏览器吧,然后在DIV中间写点字,然后点字上onclick不执行,是这个意思不。

正常这么用好像在IE中有点问题,

你在onclick里面在套一个onmouseover试试。

var str="aaaaa"

tag.onclick="onmouseover='alert(str)'"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11769550.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存