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

JS實現(xiàn)動態(tài)修改table及合并單元格的方法示例

 更新時間：2017年02月20日 11:22:55   作者：酷云  
這篇文章主要介紹了JS實現(xiàn)動態(tài)修改table及合并單元格的方法,結(jié)合完整實例形式分析了JS動態(tài)遍歷及修改table單元格的具體操作技巧,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)動態(tài)修改table及合并單元格的方法。分享給大家供大家參考，具體如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table</title>
<script language="javascript" type="text/javascript">
function maketotal(){
 var pageCount=4;
 var currenttype;
 var indexstr="";
    var tabObj = document.getElementById("printtable");
  //行數(shù)
    var rowCount = tabObj.rows.length;
  //列數(shù)
    var cellCount = tabObj.rows[0].cells.length;
 for(var q=1;q<rowCount;q++){
  choosetype=tabObj.rows[q].cells[0].innerHTML;
  if(q==1){
  currenttype=choosetype;
  }
  if(currenttype!=choosetype){
  indexstr=q+","+indexstr;
  }
 }
 alert(indexstr.split(",").length);
 for(var p=0;p<indexstr.split(",").length;p++){
  var temp=indexstr.split(",")[p];
  if(temp!=""){
  var newRow = tabObj.insertRow(temp);
  for(var g=0;g<cellCount;g++)
  {
   var littleCount=0;
   for(var h=1;h<rowCount;h++){
   if(tabObj.rows[h].cells[g]){
    if(g>1){
    littleCount=littleCount+parseInt(tabObj.rows[h].cells[g].innerHTML);
    }
   }
   }
   if(g>1&&g!=6){
   newRow.insertCell(g).innerHTML=littleCount;
   }else if(g==6){
   newRow.insertCell(g).innerHTML="";
   }else{
   newRow.insertCell(g).innerHTML="小計";
   }
  }
  }
 }
 var newRow = tabObj.insertRow(0);
 for(var g=0;g<cellCount;g++)
 {
  if(g==0){
  //newRow.insertCell(g).innerHTML="頭部";
  }else{
  //newRow.insertCell(g).innerHTML="頭部";
  }
  //alert(tabObj.rows[1].cells[g]);
  newRow.insertCell(g).innerHTML="頭部";
  //tabObj.rows[0].cells[g].colsSpan =2;
  //tabObj.rows[0].cells[g].rowsSpan =2;
  tabObj.rows[1].cells[g].style.background="#CCCCCC";
  tabObj.rows[0].cells[g].style.background="#CCCCCC";
  //tabObj.rows[0].cells[g].rowSpan=2
 }
 tabObj.rows[0].cells[2].colSpan =2;
 tabObj.rows[0].cells[2].innerHTML="反映形式";
 tabObj.rows[0].cells[3].colSpan =2;
 tabObj.rows[0].cells[3].innerHTML="待處理業(yè)務(wù)數(shù)";
 tabObj.rows[0].cells[4].colSpan =1;
 tabObj.rows[0].cells[4].innerHTML="反映形式";
 tabObj.rows[0].cells[5].colSpan=1;
 tabObj.rows[0].cells[5].innerHTML="反映形式";
 tabObj.rows[0].cells[6].colSpan=7;
 tabObj.rows[0].cells[6].innerHTML="";
 tabObj.rows[0].cells[7].style.display = "none";
 tabObj.rows[0].cells[8].style.display = "none";
 tabObj.rows[0].cells[9].style.display = "none";
 tabObj.rows[0].cells[10].style.display = "none";
 tabObj.rows[0].cells[11].style.display = "none";
 tabObj.rows[0].cells[12].style.display = "none";
 tabObj.rows[0].cells[13].style.display = "none";
 tabObj.rows[0].cells[14].style.display = "none";
}
</script>
<script language="javascript" type="text/javascript">
 document.onreadystatechange = subSomething;
 function subSomething()
 {
 if(document.readyState == "complete")
 maketotal();
 }
 </script>
  </head>
  <body>
    <input type="button" onclick="maketotal()" value="遍歷table"/>
    <DIV class=pageNext>
<H1 id=printtitle align=center><FONT style="FONT-FAMILY: 隸書; FONT-SIZE: 34px">反映來源統(tǒng)計</FONT></H1>
<TABLE border="1" id="printtable" style="TEXT-ALIGN: center; BORDER-COLLAPSE: collapse" class=di width="100%">
<TBODY>
<TR>
<TD>處理分類</TD>
<TD>處理內(nèi)容</TD>
<TD>來電數(shù)</TD>
<TD>來訪數(shù)</TD>
<TD>接辦數(shù)</TD>
<TD>待辦數(shù)</TD>
<TD>回復(fù)率</TD>
<TD>fffff</TD>
<TD>水廠總部</TD>
<TD>營業(yè)廳</TD>
<TD>客戶服務(wù)中心</TD>
<TD>管線部</TD>
<TD>信息中心</TD>
<TD>稽查科</TD>
<TD>水質(zhì)檢測</TD>
<TD>安裝公司</TD></TR>
<TR height=30>
<TD>測試分類</TD>
<TD>水務(wù)局</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD></TR>
<TR height=30>
<TD>測試分類</TD>
<TD>投訴</TD>
<TD>0</TD>
<TD>0</TD>
<TD>40</TD>
<TD>2</TD>
<TD>95.24</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD></TR>
<TR height=30>
<TD>測試分類</TD>
<TD>網(wǎng)格中心</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD></TR>
<TR height=30>
<TD>測試分類</TD>
<TD>居民用戶</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD></TR>
<TR height=30>
<TD>測試分類</TD>
<TD>政府辦</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD></TR>
<TR height=30>
<TD>測試分類</TD>
<TD>單位用戶</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD></TR>
<TR height=30>
<TD>合計</TD>
<TD></TD>
<TD>0</TD>
<TD>0</TD>
<TD>40</TD>
<TD>2</TD>
<TD>95.24</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD>
<TD>0</TD></TR></TBODY></TABLE></DIV>
  </body>
</html>

運行效果圖如下：

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • Intellij中直接運行ts配置方法:run?configuration?for?typescript

    Intellij中直接運行ts配置方法:run?configuration?for?typescript

    run?configuration?for?typescript?插件本質(zhì)還是依賴于ts-node來運行,只是其可以幫助我們自動配置好ts-node運行參數(shù),簡化使用,這篇文章給大家介紹在Intellij中可以借助插件run?configuration?for?typescript直接運行typescript的方法,感興趣的朋友一起看看吧
    2023-08-08
  • JavaScript適配器模式詳解

    JavaScript適配器模式詳解

    這篇文章主要為大家詳細(xì)介紹了JavaScript適配器模式的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-10-10
  • JS 實現(xiàn)Base64編碼與解碼實例詳解

    JS 實現(xiàn)Base64編碼與解碼實例詳解

    這篇文章主要介紹了JS 實現(xiàn)Base64編碼與解碼實例詳解的相關(guān)資料,并附實例代碼，幫助大家學(xué)習(xí)理解此部分知識，需要的朋友可以參考下
    2016-11-11
  • JS重學(xué)系列之聊聊new操作符

    JS重學(xué)系列之聊聊new操作符

    這篇文章主要給大家介紹了關(guān)于JS重學(xué)系列之new操作符的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • JS中的算法與數(shù)據(jù)結(jié)構(gòu)之隊列(Queue)實例詳解

    JS中的算法與數(shù)據(jù)結(jié)構(gòu)之隊列(Queue)實例詳解

    這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之隊列(Queue),結(jié)合實例形式詳細(xì)分析了javascript中隊列的概念、原理、定義及常見操作技巧,需要的朋友可以參考下
    2019-08-08
  • js中判斷控件是否存在

    js中判斷控件是否存在

    在動態(tài)頁面中，頁面中包含一些動態(tài)產(chǎn)生的控件，在有些情況下需要判斷動態(tài)生成的控件是否存在。
    2010-08-08
  • js實現(xiàn)文本框中焦點在最后位置

    js實現(xiàn)文本框中焦點在最后位置

    本篇文章主要是對js實現(xiàn)文本框中焦點在最后位置的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所 幫助
    2014-03-03
  • js仿京東輪播效果 選項卡套選項卡使用

    js仿京東輪播效果 選項卡套選項卡使用

    這篇文章主要為大家詳細(xì)介紹了js仿京東輪播效果，選項卡里套選項卡，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-01-01
  • 微信小程序通過websocket實時語音識別的實現(xiàn)代碼

    微信小程序通過websocket實時語音識別的實現(xiàn)代碼

    這篇文章主要介紹了微信小程序通過websocket實時語音識別，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • javascript 操作cookies及正確使用cookies的屬性

    javascript 操作cookies及正確使用cookies的屬性

    在 JS(JavaScript) 操作cookies比較復(fù)雜，在 ASP 里面我們只需要知道 cookie 的名稱、cookie 的值就行了，而 JS 里面，我們面對的是 cookie 的字符串，你自己編寫這個字符串寫入客戶端，然后自己解析這個字符串。
    2009-10-10

最新評論