1.如何使用JS触发DIV的onclick事件
自动触发点击事件,其实就让点击实现自己执行。
下面是简单的代码实现:
HTML 代码:
1
<div style='width:100px; height:100px; background:#ccc;' id='div'></div>
JS代码:
1
2
3
4
5
var oDiv = document.getElementById('div'); //获取元素div
oDiv.onclick = function(){ //给元素增加点击事件
alert(1);
};
oDiv.click(); //执行点击事件,这样就模拟出了自动执行点击事件。
2.我用js生成一组div,其中id是从后台动态获取的,想对div里面的关闭按
直接在回调函数里面添加这个事件的响应。
因为在加载完之前,你的click事件是找不到对象的。
将this的值传递给回调函数,然后用dom树找到那个按钮,因为我不知道按钮在那一级,所以没发给具体的。
之后就可以简单的添加事件了。
当然,还有一种偷懒的方法
$(".button").click(function(){
$(this).parents().fadeOut();
//寻找父级元素
});但是比较容易出错,并且会引起很多冲突。
所以…还是添加在回调函数里面吧……
希望有帮到你…喵……
3.添加javascript 的 onclick 问题
能做。
查看源码知原先是用css控制的显示:
#tabs ul li:hover div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:381px; height:118px; border-bottom:3px solid #fff;}
#tabs ul li a:hover div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:381px; height:118px; border-bottom:3px solid #fff;}
注意到a:hover后的操作即为悬停到a上时控制显示某div层的代码。
故你要删除这些相关css,并在onclick后将div的style改为删除css中的设置即可。
p.s. 这样做没什么意思。css控制层的行为比js要nice。
4.js 给div添加onclick=function(){}函数不执行
这个问题不是显而易见吗?如果是不用中间变量var div来承接,而是直接用document.()这样来设置onclick事件的话编译器是不会提示的,因为编译器认为class可以重复,或许会有多个元素class都是相同的,直接换成document.getElementById()就行了,或者给document.()设置index,例如document.('div')[0].onclick()就OK,建议楼主去了解一下DOM结构。
转载请注明出处JS代码网 » js方法里添加的div的onclick