亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS增加行復(fù)制行刪除行的實(shí)現(xiàn)代碼

 更新時(shí)間:2013年11月09日 15:45:47   作者:  
這篇文章介紹了JS增加行復(fù)制行刪除行的實(shí)現(xiàn)代碼,有需要的朋友可以參考一下

復(fù)制代碼 代碼如下:

var customerInfoMethod ={ 
//復(fù)制增加行 
copyrow:function(obj,id) 

var rowIndex=obj.parentNode.parentNode.rowIndex; 
var resrow=document.getElementById(id); 
rowIndex--; 
var newRow=resrow.cloneNode(true);//document.createElement("tr"); 
var parent = resrow.parentNode; 
   if(parent.lastChild == resrow){ 
   //如果targetElement是parent最后一個(gè)子元素,插入newElement 
   parent.appendChild(newRow); 
  }else{ 
  //如果不是,插入到targetElement下一個(gè)兄弟節(jié)點(diǎn)的前面 
   parent.insertBefore(newRow, resrow.nextSibling); 
  } 

//newRow.innerHTML=resrow.innerHTML; 
var selectObj = newRow.getElementsByTagName("select"); 
for(var a=0;a<selectObj.length;a++){ 
selectObj[a].options[0].selected=true; 

var inputObj = newRow.getElementsByTagName("input"); 
inputObj[0].style.display=""; 
inputObj[1].style.display="none"; 
}, 
//復(fù)制增加行 
copyrowUpdate:function(obj,id) 

var rowIndex=obj.parentNode.parentNode.rowIndex;  
var resrow=document.getElementById(id); 
rowIndex--; 
var newRow=resrow.cloneNode(true);//document.createElement("tr"); 
var parent = resrow.parentNode; 
   if(parent.lastChild == resrow){ 
   //如果targetElement是parent最后一個(gè)子元素,插入newElement 
   parent.appendChild(newRow); 
  }else{ 
  //如果不是,插入到targetElement下一個(gè)兄弟節(jié)點(diǎn)的前面 
   parent.insertBefore(newRow, resrow.nextSibling); 
  } 
//newRow.innerHTML=resrow.innerHTML; 
var selectObj = newRow.getElementsByTagName("select"); 
for(var a=0;a<selectObj.length;a++){ 
selectObj[a].options[0].selected=true; 

var inputObj = newRow.getElementsByTagName("input"); 
for(var i=0;i<inputObj.length-2;i++){ 
inputObj[i].value="0"; 

inputObj[inputObj.length-2].style.display=""; 
inputObj[inputObj.length-1].style.display="none"; 
}, 
//刪除行 
deleteRow:function(rootId,obj) { 
var rootTable = $(rootId); 
rootTable.deleteRow(obj.parentNode.parentNode.rowIndex); 
  } 

/** 
 增加行 fanjf 
*/ 
function addRow(tableId,trId){ 
var tableObj = document.getElementById(tableId); 
var trObj = document.getElementById(trId); 
//var trIndex = trObj.rowIndex+1; 
var rows = tableObj.rows.length; 
var cell = ""; 
var tr = tableObj.insertRow(rows); 
for(i=0;i<trObj.cells.length;i++){ 
 cell= tableObj.rows(rows).insertCell(i); 
 cell.innerText= trObj.cells(i).innerText; 
 cell.className= trObj.cells(i).className; 
 cell.innerHTML= trObj.cells(i).innerHTML; 


/** 
 刪除行 fanjf 
*/ 
function deleteRow(tableId,trId){ 

    var tableObj = document.getElementById(tableId); 
    var trObj = document.getElementById(trId); 

    //var trIndex = trObj.rowIndex;//復(fù)制tr的行號(hào) 
    var rows = tableObj.rows.length; 
    if(rows>0){ 
    tableObj.deleteRow(rows-1); 
    }else{ 
        alert("無(wú)可刪除的卡號(hào)信息!"); 
    } 

相關(guān)文章

  • javascript里絕對(duì)用的上的字符分割函數(shù)總結(jié)

    javascript里絕對(duì)用的上的字符分割函數(shù)總結(jié)

    本節(jié)主要介紹了javascript里比較實(shí)用的字符分割函數(shù)的使用,需要的朋友可以參考下
    2014-07-07
  • 微信小程序數(shù)據(jù)存儲(chǔ)與取值詳解

    微信小程序數(shù)據(jù)存儲(chǔ)與取值詳解

    這篇文章主要為大家詳細(xì)介紹了微信小程序數(shù)據(jù)存儲(chǔ)與取值的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-01-01
  • Bootstrap基本組件學(xué)習(xí)筆記之進(jìn)度條(15)

    Bootstrap基本組件學(xué)習(xí)筆記之進(jìn)度條(15)

    這篇文章主要為大家詳細(xì)介紹了Bootstrap基本組件學(xué)習(xí)筆記之進(jìn)度條,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • HTML+JS實(shí)現(xiàn)愛(ài)心動(dòng)畫(huà)效果的源碼分享

    HTML+JS實(shí)現(xiàn)愛(ài)心動(dòng)畫(huà)效果的源碼分享

    最近在熱播影劇《點(diǎn)燃我,溫暖你》中有個(gè)片段是男主人公李峋通過(guò)代碼實(shí)現(xiàn)了一個(gè)愛(ài)心動(dòng)畫(huà)的效果。在本文中,將利用HTML+CSS+JS實(shí)現(xiàn)同款效果,需要的可以嘗試一下
    2022-11-11
  • 詳解 微信小程序開(kāi)發(fā)框架(MINA)

    詳解 微信小程序開(kāi)發(fā)框架(MINA)

    小程序使用的是MINA框架,目的是通過(guò)簡(jiǎn)單、高效的方式讓開(kāi)發(fā)者可以在微信中開(kāi)發(fā)具有原生App體驗(yàn)的服務(wù)。 這篇文章主要介紹了微信小程序開(kāi)發(fā)框架(MINA),需要的朋友可以參考下
    2019-05-05
  • Nginx上傳文件全部緩存解決方案

    Nginx上傳文件全部緩存解決方案

    Nginx默認(rèn)會(huì)對(duì)上傳的文件先在本地進(jìn)行緩存,再轉(zhuǎn)發(fā)到應(yīng)用服務(wù)器。請(qǐng)問(wèn)怎么禁止掉這個(gè)緩存,讓Nginx只轉(zhuǎn)發(fā)而不緩存文件?本文給大家詳細(xì)介紹Nginx上傳文件全部緩存解決方案,有需要的朋友來(lái)參考下
    2015-08-08
  • js GridView 實(shí)現(xiàn)自動(dòng)計(jì)算操作代碼

    js GridView 實(shí)現(xiàn)自動(dòng)計(jì)算操作代碼

    js操作GridView,實(shí)現(xiàn)自動(dòng)計(jì)算的實(shí)現(xiàn)代碼,下面的代碼運(yùn)行即可
    2009-03-03
  • 理解JavaScript中worker事件api

    理解JavaScript中worker事件api

    這篇文章主要幫助大家理解JavaScript中worker事件api,對(duì)worker事件api有一個(gè)深刻了解,感興趣的小伙伴們可以參考一下
    2015-12-12
  • JavaScript實(shí)現(xiàn)異步圖像上傳功能

    JavaScript實(shí)現(xiàn)異步圖像上傳功能

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)異步圖像上傳功能,本文展示了一種使用代碼示例立即顯示圖像的方法(使用圖像的Base64編碼版本),同時(shí)將其上載到服務(wù)器,而無(wú)需等待操作完成。需要的朋友可以參考下
    2018-07-07
  • JS實(shí)現(xiàn)數(shù)組內(nèi)值累加常見(jiàn)的3個(gè)方法

    JS實(shí)現(xiàn)數(shù)組內(nèi)值累加常見(jiàn)的3個(gè)方法

    這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)數(shù)組內(nèi)值累加常見(jiàn)的3個(gè)方法,文中通過(guò)實(shí)例代碼將3個(gè)方法介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2023-07-07

最新評(píng)論