title: applying css to dynamically generated radio buttons using javascript
body: <p>Hi I have a javascript code that generates radio buttons and remove as well if required.
          <br>
      for (var i = 0; i &lt; len; i++){        <br>
          Node.childNodes[i].innerHTML = "";        <br>
      }        <br></p>
  
  <pre><code>var Node1 = document.getElementById(tempArrIndex);        &lt;br&gt;
  arrValueOptions = childValues[tempArrIndex["Values"].split(",");
  for (var tempC2 = 0; tempC2 &lt; 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;
      }
  }
  </code></pre>
  
  <p>It works fine , what I need to do is to create gap in between radio buttons in a group. as they are very close to each other. any one please help. Gap appears fine in IE but not in Firefox.</p>