首页 >> 正文
div onclick语句
来源:www.zuowenzhai.com 作者:编辑 日期:2024-06-15
div怎么添加一个点击事件onClick
.abc{cursor:hand;color:#f00;}
</style>
<script language="javascript">
function show(a) {
var d,n=10;
for (var i=1;i<=n;i++) {
d=document.getElementById("myDiv"+i);
d.style.display=(i==a)?"":"none";
}
}
</script>
<%For i=1 to 10%>
<div class="abc" onclick="javascript:show(<%=i%>)">编号[<%=i%>]</div>
<div id="myDiv<%=i%>" style="display:none">点击编号[<%=i%>]显示的文字</div>
<%Next%>
这里两个数字要一样才行,就是那两个10,表示你myDiv的最大编号,且你myDiv的编号一定要是连续的
可以在函数中,先用一个循环(有几个div,就循环几次)关闭所有的,然后显示点击的那个就可以了。
不知
什么棵啊!
添加table列
$(document).ready(function(e) {
$(".jquery_div").click(function(){
alert("jquery单击");
});
});
function js_click(){
alert("js_单击");
}
js_单击
jquery单击
自动触发点击事件,其实就让点击实现自己执行。
下面是简单的代码实现:
HTML 代码:
1
JS代码:
1
2
3
4
5
var oDiv = document.getElementById('div'); //获取元素div
oDiv.onclick = function(){ //给元素增加点击事件
alert(1);
};
oDiv.click(); //执行点击事件,这样就模拟出了自动执行点击事件。
.abc{cursor:hand;color:#f00;}
</style>
<script language="javascript">
function show(a) {
var d,n=10;
for (var i=1;i<=n;i++) {
d=document.getElementById("myDiv"+i);
d.style.display=(i==a)?"":"none";
}
}
</script>
<%For i=1 to 10%>
<div class="abc" onclick="javascript:show(<%=i%>)">编号[<%=i%>]</div>
<div id="myDiv<%=i%>" style="display:none">点击编号[<%=i%>]显示的文字</div>
<%Next%>
这里两个数字要一样才行,就是那两个10,表示你myDiv的最大编号,且你myDiv的编号一定要是连续的
可以在函数中,先用一个循环(有几个div,就循环几次)关闭所有的,然后显示点击的那个就可以了。
不知
什么棵啊!
(编辑:苍沾甄)