js代碼分離方法封裝

標籤：style   blog   http   io   ar   color   os   sp   java   

var oldtd1;var oldtd2;var oldtd3;var indexnum = 0;//document.getebyid簡寫方法function domByid(domid){   return document.getElementById(domid);}function domsByclass(domclass){    return document.getElementsByClassName(domclass);}//添加菜單方法function Addmenu(foodlist){  var inputtxt=  prompt("輸入菜名", "例如：青椒肉絲");  if (inputtxt.trim() == "" || inputtxt == null)      return;  var fdlist = domByid(foodlist).children;  for (var i = 0; i < fdlist.length; i++) {      if (inputtxt.trim() == fdlist[i].innerHTML.trim())          return alert("重複菜名");  } var newoption= document.createElement("option"); newoption.innerHTML = inputtxt; domByid(foodlist).appendChild(newoption);}//添加訂單方法function Addorder(foodtable){   var  trcreate=  document.createElement("tr"); var trobject = new Object(); var foodname= domByid("foodlist").value; var foodnum=parseInt( domByid("divin").children[1].innerHTML); indexnum++; trobject.td1 = "" + indexnum + "<input type=‘checkbox‘ class=‘ck01‘>"; trobject.td2 = foodname; trobject.td3 = foodnum; trobject.td4 = "<a href=‘#‘ onclick=‘Deleteone(this);‘ >刪除</a> <a href=‘#‘ onclick=‘Edit(this);‘ >編輯</a>"; for (var i in trobject) {     var tdcreate = document.createElement("td");     tdcreate.innerHTML = trobject[i];     trcreate.appendChild(tdcreate); } domByid(foodtable).appendChild(trcreate);}//單刪除function Deleteone(aobj){    var trobj = aobj.parentNode.parentNode;    trobj.parentNode.removeChild(trobj);}//多刪除function Deleteall(aobj){    var trobjs = domsByclass("ck01");    for (var i = trobjs.length-1; i >=0; i--) {        if (trobjs[i].checked == true)        {           var trobj= trobjs[i].parentNode.parentNode;           trobj.parentNode.removeChild(trobj);        }    }}//點擊全選反選function Checkall(ck){    var cks = domsByclass("ck01");    for (var i = 0; i <cks.length; i++) {        cks[i].checked = ck.checked;    }}//數量增加function Addnum(foodnum){    var num = parseInt(foodnum.parentNode.children[1].innerHTML.trim());    num += 1;    foodnum.parentNode.children[1].innerHTML = num;}function Cutnum(foodnum){    var num = parseInt(foodnum.parentNode.children[1].innerHTML.trim());    num -= 1;    foodnum.parentNode.children[1].innerHTML = num;}//編輯function Edit(aobj){    var trobj = aobj.parentNode.parentNode;    var foodlist= domByid("foodlist");    var divin = domByid("divin");    oldtd1 = trobj.children[1].innerHTML;    trobj.children[1].innerHTML = "";    trobj.children[1].appendChild(foodlist.cloneNode(true));    trobj.children[1].children[0].value = oldtd1;    oldtd2 = trobj.children[2].innerHTML;    trobj.children[2].innerHTML = "";    trobj.children[2].appendChild(divin.cloneNode(true));    trobj.children[2].children[0].children[1].innerHTML = oldtd2;    oldtd3 = trobj.children[3].innerHTML;    trobj.children[3].innerHTML= "<a href=‘#‘ onclick=‘Save(this);‘>保全</a> <a href=‘#‘ onclick=‘Cancel(this);‘>取消</a>";}//保全function Save(aobj){    var trobj = aobj.parentNode.parentNode;        var foodname = trobj.children[1].children[0].value    trobj.children[1].innerHTML = foodname;    var foodnum = trobj.children[2].children[0].children[1].innerHTML;    trobj.children[2].innerHTML = foodnum;    trobj.children[3].innerHTML = "<a href=‘#‘ onclick=‘Deleteone(this);‘ >刪除</a> <a href=‘#‘ onclick=‘Edit(this);‘ >編輯</a>";}//取消function Cancel(aobj){    var trobj = aobj.parentNode.parentNode;    trobj.children[1].innerHTML = oldtd1;    trobj.children[2].innerHTML = oldtd2;    trobj.children[3].innerHTML = oldtd3;}

js代碼方法封裝

 

菜單洋蔥炒肉火腿腸 0

序號

菜名

數量

操作

全選 刪除選中

js代碼分離方法封裝