让HTML再干净一点!

Question

最好是this.onmouseover= doMouseOver(Num)
this.onmouseout= doMouseOut(Num)
....

Answer 1

<div id="title1" class="button1">111</div>
<div id="title2" class="button1">222</div>
<div id="title3" class="button1">333</div>
<div id="title4" class="button1">444</div>
<div id="title5" class="button1">555</div>
<script language=javascript>
function doMouseOver(str){
document.getElementById("span1").innerHTML=str+":doMouseOver"
}
function doMouseOut(str){
document.getElementById("span1").innerHTML=str+":doMouseOut"
}
function doClick(str){
document.getElementById("span1").innerHTML=str+":doClick"
}
var objs=document.getElementsByTagName("div")
for(var i=0;i<objs.length;i++)
{
var id=objs[i].id.replace("title","")
objs[i].onmouseover=new Function("doMouseOver("+id+")")
objs[i].onmouseout=new Function("doMouseOut("+id+")")
objs[i].onclick=new Function("doClick("+id+")")
}
</script>
<span id="span1"></span>

Answer 2

js中给控件加事件，
ie   addAttachEvent()
ff    addLisenterEvent()好像是

Answer 3

window.attachEvent('onload', f)....f = function () {s = document.getElementsByTagName("div")....for (i = 0 ; i < s.length ; i ++) if (/^table\d+$/.test(s[i].id)) {
s[i].onmouseover = new Function....
s[i].onmouseout = new Function....
}}大概就这个意思。。

Answer 4

<div id="title1" class="button1">1</div>
<div id="title2" class="button1"">2</div>
<div id="title3" class="button1">3</div>
<div id="title4" class="button1">4</div>
<div id="title5" class="button1">5</div>
<script>
for(var i=1;i<=5;i++){
var obj = document.getElementById("title"+i);
obj.index = i;
obj.onmouseover=function(){doMouseOver(this.index);};
obj.onmouseout=function(){doMouseOut(this.index);};
obj.onclick=function(){doClick(this.index);};
}
</script>

Answer 5

JS应该可以写个通用类的来挂事件，我知道可以实现，但是没写过！同事说要用到遍历，搜索所有的TAG ，我想只传ID进去就可以了吧

Answer 6

我现在用yahoo ui，做这个太简单了<div id="title1" class="button1">1</div>
<div id="title2" class="button1"">2</div>
<div id="title3" class="button1">3</div>
<div id="title4" class="button1">4</div>
<div id="title5" class="button1">5</div>function myfunction(e){
  ....
}
var menuitems = YAHOO.util.Dom.getElementsByClassName('button1', 'div');
for(var i = 0;i<menuitems.length;i++){
  YAHOO.util.Event.addListener(menuitems[i], 'click',myfunction);
}

Answer 7

不知道前后文, ...其实可以这样最简化...
<tag></tag>
<script></script>

Answer 8

masse(当午 http://blog.sina.com.cn/xukf) 你这个基本上就能实现我想要的了，只是不知道能不能把具体实现的代码剥离出来，单独实现我要的功能，不要一个JS 上百k

Answer 9

简化？
for(var i==1;i<=5;i++)
  document.write('<div id="title'+i+'" class="button1">'+i+'</div>');