只加载出来一个函数的功能……

qq_05_0

2015-10-21

源自：表单美化 2-3

关注问题我要回答

1124

操作

收起

2 回答

Y_du 回答被采纳 +3 积分
2015-10-21

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">

.message{    
	width:200px;
	height:100px;
	background-color:#CCC;}
	
</style>
<script type="text/javascript">
function addLoadEvent(func){
 var oldonload= window.onload;
 if(typeof window.onload!='function'){
  window.onload=func;
  }
  else{
   window.onload=function(){
    oldonload();
    func();
    }
  }
}
function createTag(){//动态创建b标签
 var li= document.getElementById("checkList").getElementsByTagName("li");
 var label;
      for( var i=0;i< li.length;i++){
    label=li[i].getElementsByTagName("label");
    var btg=document.createElement("b");
  li[i].insertBefore(btg,label[0]);
    }
 }
 
function checklist(){
    
        var li= document.getElementById("checkList").getElementsByTagName("li");
   for( var i=0;i<li.length;i++){
    li[i].onclick=function(){
     if(this.className=="selected"){
      this.className=null;
      }
      else {
       this.className="selected";
       }
       }
   }
 
  }
addLoadEvent(createTag);
addLoadEvent(checklist);
 </script>
</head>
<body> 
    <div id="checkList">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
        </ul>
    </div>
</body>
</html>

可以的，你只要修改for( var i=0;i<li.length;i++)这个地方就能执行两个函数了。