.appendChild（）中的多个变量和文本

Question

我有一张桌子，里面有一个有两个的单元格 它中的按钮和它们之间的斜杠，如

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脚本项目。

Answer 1

我们都生活在这个世界中，＆＃34;只要代码有效，它就是好的＆＃34;。但是，很少有建议：

1. 不确定JQuery是否适合您，但它可以帮助开发独立于浏览器的代码，否则，您将最终在所有浏览器中测试此（javascript）代码。
2. 创建模板HTML并将其附加到单元格。代码行数将大幅减少，代码变得更具可读性。
3. 不要使用内联样式。相反，创建一个css类并使用className方法