Question

同一个页面调用一个JS代码两次。

<script language="javascript">
window.onload=function showtable(){
var tablename=document.getElementById("1");
var li=tablename.getElementsByTagName("tr");
for (var i=0;i<=li.length;i++){
if (i%2==0){
li[i].style.backgroundColor="#efefef";
}else li[i].style.backgroundColor="#FFFFFF";
}
}
</script>
<table id="1"></table>
<table id="2"></table>

怎么改能让 ID 1 2都生效

Answer 1

function showtable(obj) {
    var tablename=document.getElementById(obj);
    var li=tablename.getElementsByTagName("tr");
    for (var i=0;i<li.length;i++){
        if (i%2==0){
        li[i].style.backgroundColor="#efefef";
        }else li[i].style.backgroundColor="#FFFFFF";
    }
}
    
window.onload=function(){
    showtable('1');
    showtable('2');
}

把你的js代码稍微修改一下就可以了；
你要做的是表格的隔行换色吧，另外你的js里面写的不够严谨，会多遍历一次无效的li，也就是i<=li.length那里，应该改成i<length，因为对象下标和你的for循环都是从0开始的；

Answer 2

用class吧