问题描述
js动态添加删除列
解决方案
解决方案二：
dsf
解决方案三：
用Ajax的吧。。。。
解决方案四：
回帖是一种美德！每天回帖即可获得10分可用分！
解决方案五：
<script>varname;varcurrentList;functionaddList(){name=document.getElementById("desc").value;if(name==""){window.alert("请填写一个描述信息");return;}currentList=document.getElementById("sortList");//window.alert(currentList.value);varrow,cell,txtnode;row=document.createElement("<tr>");row.setAttribute("id",name);cell=document.createElement("<td>");txtnode=document.createTextNode(name);cell.appendChild(txtnode);row.appendChild(cell);varbutton=document.createElement("<input>");button.setAttribute("type","button");button.setAttribute("onclick","deleteButton()");button.setAttribute("value","删除");cell=document.createElement("<td>");cell.appendChild(button);row.appendChild(cell);currentList.appendChild(row);}functiondeleteButton(){varrow=document.getElementById(name);//window.alert(row);currentList.removeChild(row);}</script></head><body><formaction=""method="POST"name="myform"><tableborder="1"align="center"bgcolor="#8797AF"width="400"><caption><fontcolor="red">动态添加和删除列</font></caption><tr><td>添加列</td><td><inputtype="text"name="desc"size="20"maxsize="20"id="desc"></td><td><inputtype="button"value="确认"></td></tr><tr><tableborder="1"align="center"bgcolor="#AD6875"width="400"><tr><td>描述</td><td>操作</td></tr><tbodyid="sortList"></tbody></table></tr></table></form></body></html>点击删除的时候没的反应,浏览器也不报错,请教各位，该如何解决，不胜感激!!以上是错误代码,下面是正确的:<html><head><title>动态添加和删除列</title><script>varname;varcurrentList;functionaddList(){name=document.getElementById("desc").value;if(name==""){window.alert("请填写一个描述信息");return;}currentList=document.getElementById("sortList");//window.alert(currentList.value);varrow,cell,txtnode;row=document.createElement("<tr>");row.setAttribute("id",name);cell=document.createElement("<td>");txtnode=document.createTextNode(name);cell.appendChild(txtnode);row.appendChild(cell);varbutton=document.createElement("<input>");button.setAttribute("type","button");button.onclick=function(){deleteButton(name);};button.setAttribute("value","删除");cell=document.createElement("<td>");cell.appendChild(button);row.appendChild(cell);currentList.appendChild(row);}functiondeleteButton(name){varrow=document.getElementById(name);//window.alert(row);varcurrentList=document.getElementById("sortList");currentList.removeChild(row);}</script></head><body><formaction=""method="POST"name="myform"><tableborder="1"align="center"bgcolor="#8797AF"width="400"><caption><fontcolor="red">动态添加和删除列</font></caption><tr><td>添加列</td><td><inputtype="text"name="desc"size="20"maxsize="20"id="desc"></td><td><inputtype="button"value="确认"></td></tr><tr><tableborder="1"align="center"bgcolor="#AD6875"width="400"><tr><td>描述</td><td>操作</td></tr><tbodyid="sortList"></tbody></table></tr></table></form></body></html>----google你试试这个方法
解决方案六：
顶
解决方案七：
顶
解决方案八：
这么麻烦干什么,用jqeruy,用最少的代码干更多的事$("tr").append(td);
解决方案九：
楼上兄弟说的不错，Jquery有现成代码
解决方案十：
楼主说的是删除列而不是删除行吧
解决方案十一：
这帖子有点老了，偶尔搜索过来了，看了7楼和8楼的回复，忍不住说两句。你们太会偷懒了，不是做程序员的料，因为你们没有想过去理解一段程序是如何实现的，只是去实现效果。或许你说这就够了，但你永远接触不到底层，永远进入不了一流程序员的行列。与其说这些，不如认真看看楼主问的是什么，给出一个答案
解决方案十二：
楼主的需求不是很明白，先顶一下，拿分！
解决方案十三：
问题不明确！
解决方案十四：
引用楼主cbitqtd的回复:
js动态添加删除列
有两种方案可以解决:1.DOM对象操作,得到指定的单元格,调用对的删除子元素方法,如:obj.remove(cell);2,第二中,可以采用隐藏该表的对应列,即设置WIDTH=0,从上到下,根据行数;需要注意的是,如果直接动态删除摸列,页面会出现错位效果!
解决方案十五：
没时间重新写，参照一下这个删除行的脚本函数,自己改造下吧!//表格删除行操作vartr_selected;vartab_rows;functiondelRow(tabId){vartab=document.getElementById("mytab");if(tab||"TABLE"==tab.tagName){tab_rows=tab.rows.length;vartbody=tab.childNodes.item(0);if(tr_selected){if(tab_rows>2){tr_selected.removeNode(tr_selected);tr_selected=null;}else{alert("cleartext");}}else{alert("norowisselectd!");}}else{alert("["+tabId+"]isnottableobject");}}
其他方案：
再看看这个能不能找到得到列表的方法吧!//根据当前行清空文本中的数据functionclearTdText(tr){if(tr||"TR"==tr.tagName){varlength=tr.cells.length;//alert(length);for(vari=0;i<length;i++){vartd=tr.childNodes.item(i);varcols=td.childNodes.length;for(vark=0;k<cols;k++){varel=td.childNodes.item(k);varname=el.tagName;//alert(name);if("INPUT"==name){el.value="";}else{varel1=el.childNodes.item(0);if(el1&&el1.tagName=="INPUT"){el1.value="";}}}}}}
其他方案：
EXT也可以！