關於table的一些操作

那個id是什麼東西發表於2018-06-05

迴圈取出div中所有table的id

var divTable=document.getElementById("modalDiv").getElementsByTagName("table")
    for (var i=0;i<divTable.length;i++) {
     console.info(divTable[i].id)
    }

控制table的顯示和隱藏

document.getElementById(divTable[i].id).style.display='none'

向div中動態增加table

var tFirst='<table class="table table-bordered" id="'+tabId+'">'
			    +'<tr>'
			    +'<td><input type="checkbox"  onclick="chk(\''+checkId+'\')" id="all"/></td>'
			    +'<td>列名</td>'
			    +'<td>型別</td>'
			    +'<tr>';
	document.getElementById("sourceName").innerHTML=sourceName;
	document.getElementById("cellId").innerHTML=cellId;
	var options=$("#select option:selected");
	var exp=$("#exp-select").val();
	 $.ajax({
		    url: "/selfield/fieldAll",
			dataType: "json",
			type: "post",
			data:  "sourceName="+sourceName+"&cellId="+cellId+"&butName="+butName+"&exp="+exp,
			success: function(replay) {
				if(replay.success) {
					var column="";
					for(var i=0;i<replay.data.length;i++){
						var datai=replay.data[i];
						var columnAndKind="<tr>"
								    +'<td><input type="checkbox" value="'+datai[0]+'" name="'+checkId+'" id="'+checkId+'"/></td>'
								    +'<td>'+datai[0]+'</td>'
								    +'<td>'+datai[1]+'</td>'
								    +'<tr>'
						column=column+columnAndKind;
					}
					column=$(tFirst+column+'</table>');
					column.appendTo($('#modalDiv'));
				} else {
					toastr.error(data.messege);
				}
			}
			
		});
    }

判斷table是否為空

var tableObj = document.getElementById('FileTable').rows[0];
                 if (tableObj == null) {
             
                     return false;
                 }
判讀div中的table是否隱藏
check_val = [];
	var divTable=document.getElementById("modalDiv").getElementsByTagName("table")
    for (var i=0;i<divTable.length;i++) {
       if(!$("#"+divTable[i].id).is(":hidden")){
    	   obj = document.getElementsByName("chk"+divTable[i].id);
   	       for(k in obj){
   	        if(obj[k].checked)
   	            check_val.push(obj[k].value);
   	    }
       }
    }



相關文章