динамически создавать элемент div с помощью javascript

Question

Я пытаюсь создать элементы html динамически с помощью javascript. Например, при создании пункта в моем файле «finalXML», я использую синтаксис ниже:

function paragraph (finalXML, value) 

{ 

var code1 = 'var para = document.createElement("p"); 
var t = document.createTextNode("This is the paragraph that should be displayed"); 
para.appendChild(t); 
document.body.appendChild(para);' 

return String(finalXML).replace(/add_paragraph_here/g,code1); 
} 

Как бы идти о создании DIV с кнопками радио, например, используя тот же самый процесс? Может ли кто-нибудь помочь мне с этим синтаксисом?

Answer 1

посмотреть пример: http://jsfiddle.net/kevalbhatt18/owuqm8j8/

var radio_home = document.getElementById("radio_home"); 

function makeRadioButton(options) { 
    var div = document.createElement("div"); 
    for (var i = 0; i < options.length; i++) { 
     var label = document.createElement("label"); 
     var radio = document.createElement("input"); 
     radio.type = "radio"; 
     radio.name = options[i].name; 
     radio.value = options[i].value; 
     label.appendChild(radio); 
     label.appendChild(document.createTextNode(options[i].text)); 
     div.appendChild(label); 
     } 
     radio_home.appendChild(div); 
} 
var options = [{ 
    name: "first", 
    value: "yes", 
    text: "yes" 
}, { 
    name: "first", 
    value: "no", 
    text: "no" 
}] 
    var options2 = [{ 
    name: "second", 
    value: "ohhh yes", 
    text: "ohhh yes" 
}, { 
    name: "second", 
    value: "ohhh no", 
    text: "ohhh no" 
}] 
makeRadioButton(options); 
makeRadioButton(options2);