同一个页面内js效果多次使用？

Question

dd();function dd() {    var s = document.getElementsByClassName("pingStar")[0],        m = document.getElementsByClassName('dir')[0],        n = s.getElementsByTagName("li"),        input = document.getElementsByClassName('startP')[0]; //保存所选值    clearAll = function () {        for (var i = 0; i < n.length; i++) {            n[i].className = '';        }    }    for (var i = 0; i < n.length; i++) {        n[i].onclick = function () {            var q = this.getAttribute("rel");            clearAll();            input.value = q;            for (var i = 0; i < q; i++) {                n[i].className = 'on';            }            m.innerHTML = this.getAttribute("title");        }        n[i].onmouseover = function () {            var q = this.getAttribute("rel");            clearAll();            for (var i = 0; i < q; i++) {                n[i].className = 'on';            }        }        n[i].onmouseout = function () {            clearAll();            for (var i = 0; i < input.value; i++) {                n[i].className = 'on';            }        }    }}在同一个页面内，怎么只用这一遍代码同时实现好几个这样的效果

Answer 1

把 s, m, input 用参数传进来呀？

function dd(s, m, input) {

  var n = s.getElementByTagName('li');

  // 后面跟原来一样

}