javascript - 使用 javascript 将 css 应用于动态生成的单选按钮

Question

嗨，我有一个 javascript 代码，可以生成单选按钮并在需要时删除。
for (var i = 0; i < len; i++){
Node.childNodes[i].innerHTML = "";
}

var Node1 = document.getElementById(tempArrIndex);        <br>
arrValueOptions = childValues[tempArrIndex["Values"].split(",");
for (var tempC2 = 0; tempC2 < arrValueOptions.length; tempC2++){
    var nameToUpdate = holdIDsToUpdate[tempCounter];
    var temp = tempC2 + 1;
    var idToUpdate = holdIDsToUpdate[tempCounter] + temp;
    var labelToUpdate = "";
    var defUpdater = "";
    if (arrValueOptions[tempC2] != ""){
        labelToUpdate = arrValueOptions[tempC2];
        if (childValues[tempArrIndex]["Default"] == labelToUpdate){
            defUpdater = 1;
        }
        var tbody = document.createElement('tbody');
        var row = document.createElement("tr");
        row.class = "test";
        var data1 = document.createElement("td");
        var newRadio = document.createElement("input");
        newRadio.type = "radio";
        newRadio.id = idToUpdate;
        newRadio.name = nameToUpdate;
        newRadio.value = labelToUpdate;
        if (defUpdater == 1){
            newRadio.setAttribute('checked', 'checked');
        }
        newRadio.setAttribute("onclick", "javascript:dependentFieldsValue('" + idToUpdate + "');");
        var data11 = document.createElement("td")
        var newLabel = document.createElement("label");
        newLabel.htmlFor = idToUpdate;
        newLabel.id = idToUpdate;
        newLabel.appendChild(document.createTextNode(labelToUpdate));
        tbody.appendChild(row);
        row.appendChild(data1);
        data1.appendChild(newRadio);
        row.appendChild(data11);
        data11.appendChild(newLabel);
        Node1.appendChild(row);
        defUpdater = 0;
    }
}

它工作正常，我需要做的是在组中的单选按钮之间创建间隙。因为它们彼此非常接近。任何人请帮忙。Gap 在 IE 中看起来不错，但在 Firefox 中则不然。

Answer 1

A gap can be obtained through some CSS applying a padding on td cells in which you append your checkboxes, e.g.

td { padding: 0.5em 0 }

Answer 2

向生成的单选按钮添加一个类，如下所示：

newRadio.className = "myClass";

然后您可以将任何 CSS 添加到所有单选按钮，如下所示：

.myClass {
    margin-left: 3px;
}