多個變量和.appendChild（文本）

我有一個表已在兩份按鈕和像多個變量和.appendChild（文本）

function insertRow (label) { 

    var list = document.getElementById('list'); 
    var row = list.insertRow(); 
    var cell1 = row.insertCell(0); 
    var slash = document.createTextNode('/'); 
    var upButton = document.createElement('button'); 
    var downButton= document.createElement('button'); 

      upButton.innerHTML = "Up"; 
      downButton.innerHTML = "Down"; 

    cell1.style.borderBottom = "2px solid black"; 
    cell1.style.borderLeft = "2px solid black"; 

    cell1.appendChild(upButton); 
    cell1.appendChild(slash); 
    cell1.appendChild(downButton); 

}

它們之間的斜線這個函數的最後3行做一個細胞我我正在尋找，但對我來說，似乎並不正確的方式來做到這一點。這是我的第一個DOM腳本項目。

來源

2016-03-24 Cian W

***是***正確的方式來做到這一點，做得好！ – adeneo

@ adeneo優秀！謝謝 –

我們都生活在「只要代碼有效，它很好」的世界。然而，一些建議：

不知道jQuery是一個選擇，但它可以幫助開發獨立於瀏覽器的代碼，否則，你最終會測試這個（JavaScript）的代碼，在所有瀏覽器。
創建模板HTML並將其附加到單元格。代碼行數量將大幅減少，代碼變得更具可讀性。
不使用內聯樣式。相反，創建一個css類並使用className方法

來源

2016-03-24 20:45:01 ash

你好，謝謝你，這是一個大學作業，所以JQuery不是目前的選擇，創建HTML模板會容易得多，但我們必須關注這個項目的DOM腳本。我會defo看看css類的方法。再次感謝！ –

多個變量和.appendChild（文本）

回答

相關問題