JS 新增行刪除行附帶樣式

2021-09-02 08:25:37 字數 706 閱讀 1697

最近在做乙個table的動態新增刪除行,可以帶有當前行的樣式,記錄一下。

其中el是在html標籤中 οnclick="doaddrow(this)"

function doaddrow(el){

el = getparent(el, 'tr'); //tr 是table中的tr,不知道是否區分大小寫,有知道的可以說一下哈,沒測試過。

var rowindex = el.rowindex;

var obj=document.all.tableid;// table 的id

if (obj==null) return false;

var rw=document.all.tiaokuan;//tiaokuan是tr的id.

var nrow=obj.insertrow(rowindex+1);//向下新增一行,如果為空,預設在最下面新增一行。

var cel=null;

for (var i=1; i刪除遇到乙個問題沒有解決:除了第一條原始行外都可以刪除,比如說一行四列,我複製的是2,3,4列,對應的第一列實際就是rowspan+n的效果。如果刪除第一行原始行,第一列就會沒刪除,這樣問題就來了,如果我保留複製後的 第二行,把原始的第一樣刪除,那錶的格式就會亂掉。我想不允許刪除第一行,但是這樣做我覺得不是解決問題的辦法,各位大神誰有好的建議可以提提,我試一試。

圖畫完顯示總是出問題,見截圖。

js新增行刪除行,遍歷table

需求 js實現多條記錄的更新 1 從頁面的 a中,選擇商品新增到 b中,2 b中,對應每條商品,輸入數量。3 b中的商品不能重複,可以刪除。4 能同時傳入後台,更新到資料庫 5 或傳入其他頁面,並顯示出來。js通過新增表的一行,刪除一行。遍歷表結構等方法實現 可修改為其他功能 多條記錄同時修改並且更...

HTML TABLE批量新增行與刪除行

格式如下 日期 開始時間 結束時間 議題地點 內容操作 新增刪除 對應的js函式 刪除當前行 function delcurrentrow obj clickedrow.parentnode.removechild clickedrow else 複製當前行並插入到 中去 function inse...

JS動態新增行

序號維修保養專案 工時費用 序號更換零配件專案 單位單價 數量配件費用 jsp資料獲取 string itemname request.getparametervalues itemname string cost request.getparametervalues cost if itemnam...