專案經驗 用js實現行動態新增效果

2021-06-22 16:50:18 字數 4342 閱讀 3610

//資料延遲 新增動態行

function adds()

//每次新增時先把最後一行的新增按鈕刪除,保留刪除按鈕

//先刪除新增按鈕

var addbuttonelement = $$( "addbuttons");

addbuttonelement.parentnode.removechild(addbuttonelement);

//i是行數

var i = hangshus[hangshus.length -1]+1;

hangshus[hangshus.length]=i;

//建立tr元素

var trelemnet = document.createelement( "tr");

trelemnet.setattribute( "value",i);

trelemnet.style.height = "25px";

//建立td元素

//td 選擇或者

var td1element = document.createelement( "td");

td1element.setattribute( "class", "short");

var select1element = document.createelement( "select");

select1element.setattribute( "name", "yjtjxx.huoqies"+i);

select1element.setattribute( "id", "yjtjxx.huoqies"+i);

//td 選擇專案分類

var td4element = document.createelement( "td");

td4element.setattribute( "class", "long");

var select4element = document.createelement( "select");

select4element.setattribute( "name", "yjtjxx.xmfls"+i);

select4element.setattribute( "id", "yjtjxx.xmfls"+i);

//td 監視專案

var td5element = document.createelement( "td");

td5element.setattribute( "class", "middle1");

var select5element = document.createelement( "select");

select5element.setattribute( "name", "yjtjxx.jcxms"+i);

select5element.setattribute( "id", "yjtjxx.jcxms"+i);

//td 資料上報間隔

var td6element = document.createelement( "td");

td6element.setattribute( "class", "middle1");

var text1element = document.createtextnode( "720分鐘");

//td 延遲預警時間

var td7element = document.createelement( "td");

td7element.setattribute( "class", "middle1");

var inputelement = document.createelement( "input");

inputelement.setattribute( "type", "text");

inputelement.setattribute( "class", "middle1");

inputelement.setattribute( "name", "yjtjxx.ycyjsj"+i);

inputelement.setattribute( "id", "yjtjxx.ycyjsj"+i);

var text2element = document.createtextnode( "分鐘");

var td8element = document.createelement( "td");

td8element.setattribute( "class", "short");

//建立刪除按鈕

var delelement = document.createelement( "a");

var text3element = document.createtextnode( "刪除");

delelement.setattribute( "id", "delbuttons"+i);

delelement.setattribute( "class", "link");

//為按鈕新增單擊事件

delelement.onclick = function()

return -1;

};array.prototype.remove = function(val)

};hangshus.remove(schs);

trelemnet.parentnode.removechild(trelemnet);

//再找到最後一行加上新增按鈕

var lasttrindex = hangshus[hangshus.length -1];

//建立新增按鈕

var addelement = document.createelement( "a");

var text4element = document.createtextnode( "新增");

addelement.setattribute( "id", "addbuttons");

addelement.setattribute( "class", "link");

//為按鈕新增單擊事件

addelement.onclick = function()

return -1;

};array.prototype.remove = function(val)

};adds();

}//找到最後一行的刪除按鈕,利用這個刪除按鈕找到父節點,從而增加新增按鈕

var delbuttonelement = $$( "delbuttons"+lasttrindex);

}var spanelement = document.createelement( "span");

var textspanelement = document.createtextnode( " ");

//建立新增按鈕

var addelement = document.createelement( "a");

var text5element = document.createtextnode( "新增");

addelement.setattribute( "id", "addbuttons");

addelement.setattribute( "class", "link");

//為按鈕新增單擊事件

addelement.onclick = function()

return -1;

};array.prototype.remove = function(val)

};adds();

}//將td元素新增到tr元素中

//將tr元素新增到tbody元素中

//-----------------生成所有下拉款內容----------------------------

//選擇或且下拉框

var huoqie=;

initstaticdropdownlist(huoqie, "yjtjxx.huoqies"+i, "");

//選擇專案分類下拉框

var xmfl=;

initstaticdropdownlist(xmfl, "yjtjxx.xmfls"+i, "");

//監視專案下拉框

var stcd = $$( "yjtjxx.stcd").value;

var xmfls = $$( "yjtjxx.xmfls"+i).value;

initxmxxbyszczandxmfldownlistexts(" "," yjtjxx.jcxms","",stcd,xmfls,i);

//專案分類下拉框變化監聽

select4element.onchange = function()

}

JS專案 用原生JS實現頁碼外掛程式 遇到的問題

類名之間的空格問題 在寫js是沒空格,導致樣式失效選擇不上 應該在pager item後加上空格,正確 2.又是類選擇器的問題,及其同級類名之間沒有空格 正確 3.我很無奈的錯誤 寫懵了,怎麼可能是物件下面的函式?保持清醒!this.options.createpageritem number cl...

用js實現複製

const copyele document.queryselector contenttext 獲取要複製的節點 const range document.createrange 創造range window.getselection removeallranges 清除頁面中已有的selecti...

用js實現offset方法

工作忙 準備面試,好久沒有更新了。有點時間就想休息一下。不能再墮落下去了,拖著疲憊的身體咬咬牙更新兩篇。本來前段時間在整理關於vue元件封裝 bind實現 promise實現的文章。但是由於篇幅有點大,並且筆記有些久遠好多東西還要再更新下,所以就推遲了。就簡單整理下最近自己寫過的 中比較有代表性的例...