多个变量和.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（文本）

回答

相关问题