如何用js删除td列相同的内容:
例子:
<script language="javascript" type="text/javascript">
function table(){
document.write("<table width='50%' border='0' align='center' cellpadding='0' cellspacing='1' bgcolor='#000000' id='tb1' onClick='clk()'>");
document.write("<tr>");
for(i=1; i<=100;i++){
document.write("<td width='50' height='20' bgcolor='#FFFFFF' id='"+i+"' ></td>");
if (i%10==0){
document.write("<tr></tr>");
}
}
document.write("</tr>");
document.write("</table>");
}
table();//显示表格
var t=1;//全局变量
function intd(rr){ //添加表格列的内容
document.getElementById(t).innerText = rr;
if(t>=100){
return false;
}
t++
}
function DeleteCol(ff){ //删除表格列内容,点击立刻删除放到td里 onclick事件
var oTd,td;
oTd = document.getElementById(ff).innerText
dd = parseInt(ff);
for(var i=dd ;i<=100; i++){
var dc=parseInt(i)+1;
if(dc>100){
dc=100;
}
document.getElementById(i).innerText=document.getElementById(dc).innerText;
}
t--;
}
var clickRow=1 function clk(){ //点击事件选择列内容 DeleteCol() 相关联
clickRow=1
o = event.srcElement
while(o.tagName !="TD")
o = o.parentElement
while(o.tagName !="TD")
return for(i=0;i<document.all.tb1.rows.length;i++){
for(j=0;j<tb1.rows[i].cells.length;j++){
if(document.all.tb1.rows[i].cells[j]==o){
document.all.tb1.rows[i].cells[j].bgColor="yellow"
clickRow=j;
}else {
document.all.tb1.rows[i].cells[j].bgColor="#FFFFFF"
}
}
}
}
function fun(){//显示添加的内容测试用的
var theRows=new Array();
for(i=0;i<idtable.rows.length;i++){
for(var j= 0;j<idtable.rows[i].cells.length;j++){
alert(idtable.rows[i].cells[j].innerText);
theRows=new Array(idtable.rows[i].cells[j].innerText.toLowerCase());
alert(theRows);
}
}
}
function DeleteCol() {//删除列的内容
dd = parseInt(clickRow)+1;
for(var i=dd ;i<=100; i++){
var dc=parseInt(i)+1;
if(dc>100){
dc=100;
}
document.getElementById(i).innerText=document.getElementById(dc).innerText;
}
t--;
}
function DeletePelCol(){//批量删除列内容
dd = parseInt(clickRow)+1;
var array=new Array();
ggg = document.getElementById(dd).innerText
for(i=1;i<=100;i++){
if (ggg==document.getElementById(i).innerText) {
document.getElementById(i).innerText="";
alert(document.getElementById(i).innerText);
}
}}</script>
<INPUT onClick="intd(1)" type="button" value="添加列1">
<INPUT onClick="intd(2)" type="button" value="添加列2">
<INPUT onClick="intd(3)" type="button" value="添加列3">
<INPUT onClick="DeleteCol()" type="button" value="点击表格删除列的内容">
<INPUT onClick="DeletePelCol()" type="button" value="点击表格批量删除列的内容">
例子:
<script language="javascript" type="text/javascript">
function table(){
document.write("<table width='50%' border='0' align='center' cellpadding='0' cellspacing='1' bgcolor='#000000' id='tb1' onClick='clk()'>");
document.write("<tr>");
for(i=1; i<=100;i++){
document.write("<td width='50' height='20' bgcolor='#FFFFFF' id='"+i+"' ></td>");
if (i%10==0){
document.write("<tr></tr>");
}
}
document.write("</tr>");
document.write("</table>");
}
table();//显示表格
var t=1;//全局变量
function intd(rr){ //添加表格列的内容
document.getElementById(t).innerText = rr;
if(t>=100){
return false;
}
t++
}
function DeleteCol(ff){ //删除表格列内容,点击立刻删除放到td里 onclick事件
var oTd,td;
oTd = document.getElementById(ff).innerText
dd = parseInt(ff);
for(var i=dd ;i<=100; i++){
var dc=parseInt(i)+1;
if(dc>100){
dc=100;
}
document.getElementById(i).innerText=document.getElementById(dc).innerText;
}
t--;
}
var clickRow=1 function clk(){ //点击事件选择列内容 DeleteCol() 相关联
clickRow=1
o = event.srcElement
while(o.tagName !="TD")
o = o.parentElement
while(o.tagName !="TD")
return for(i=0;i<document.all.tb1.rows.length;i++){
for(j=0;j<tb1.rows[i].cells.length;j++){
if(document.all.tb1.rows[i].cells[j]==o){
document.all.tb1.rows[i].cells[j].bgColor="yellow"
clickRow=j;
}else {
document.all.tb1.rows[i].cells[j].bgColor="#FFFFFF"
}
}
}
}
function fun(){//显示添加的内容测试用的
var theRows=new Array();
for(i=0;i<idtable.rows.length;i++){
for(var j= 0;j<idtable.rows[i].cells.length;j++){
alert(idtable.rows[i].cells[j].innerText);
theRows=new Array(idtable.rows[i].cells[j].innerText.toLowerCase());
alert(theRows);
}
}
}
function DeleteCol() {//删除列的内容
dd = parseInt(clickRow)+1;
for(var i=dd ;i<=100; i++){
var dc=parseInt(i)+1;
if(dc>100){
dc=100;
}
document.getElementById(i).innerText=document.getElementById(dc).innerText;
}
t--;
}
function DeletePelCol(){//批量删除列内容
dd = parseInt(clickRow)+1;
var array=new Array();
ggg = document.getElementById(dd).innerText
for(i=1;i<=100;i++){
if (ggg==document.getElementById(i).innerText) {
document.getElementById(i).innerText="";
alert(document.getElementById(i).innerText);
}
}}</script>
<INPUT onClick="intd(1)" type="button" value="添加列1">
<INPUT onClick="intd(2)" type="button" value="添加列2">
<INPUT onClick="intd(3)" type="button" value="添加列3">
<INPUT onClick="DeleteCol()" type="button" value="点击表格删除列的内容">
<INPUT onClick="DeletePelCol()" type="button" value="点击表格批量删除列的内容">
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货