html结构行为分离 函数参数传递问题

原创 jinanbinv 随笔 JS 192阅读 2017-05-22 16:27:30 举报

最近在写个类似统计的表格, 想把结构与行为分离开,但是表格上有好多的点击事件,而且每一个点击事件所需要的参数都不一样,参数个数也不确定,最多的有7个参数, 现在的做法是在html标签上自定义属性,来获取参数,但是感觉这种方法,对于参数较少的函数还行,可以凑合写一写,若是碰到需要好多参数的函数,那我不是要定义好多的自定义属性,不然没办法取值,纠结了好长时间,也不知道怎么才能比较好一点,如下,例子:

<div data-index="1">
<p></p>
</div>
<div data-index="21">
<p></p>
</div>
<div data-index="3">
<p></p>
</div>
<div data-index="497">
<p></p>
</div>
<div data-index="4">
<p></p>
</div>

(别给我说给元素加id属性,为了一个点击事件,加id有什么意思,元素若有几百个难道每个都加一个id??)

var aDiv = document.getElementBTagName('div');
for(var i = 0; i < aDiv.length; i ++){
aDiv[i].onclick = fnClickEvent;
}

function fnClickEvent(){
var data-index = this.data-index;
if( data-index == 1){
//----
}else if( data-index == 497){
//----
}

}

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复