I'm trying to create a javascript Dom radio button and attribute dynamically

Question

I'm trying to create a radio button using javascript. But it doesn't seem to work

function div()
{
    var newDiv = document.createElement("div");

    newDiv.id = "myDiv";
    newDiv.style.width = "200px";
    newDiv.style.height = "100px";
    newDiv.style.background = "red";
    newDiv.style.border = "inset";
    newDiv.style.borderwidth = "20px";
    newDiv.style.borderColor = "blue";

    document.body.appendChild(newDiv);
}

Answer 1

Change the div with input .And add type="radio"

 function div() { var newDiv = document.createElement("input"); newDiv.id = "myDiv"; newDiv.style.width = "200px"; newDiv.style.height = "100px"; newDiv.style.background = "red"; newDiv.style.border = "inset"; newDiv.style.borderwidth = "20px"; newDiv.style.borderColor = "blue"; newDiv.type="radio"; document.body.appendChild(newDiv); } div(); 

Updated

how to set the attribute dynamically? Its same as above . Dom element call via id

 function div() { // var newDiv = document.getElementById("input"); //its call the element //or var newDiv = document.getElementsByTagName("input")[0]; newDiv.id = "myDiv"; newDiv.style.width = "200px"; newDiv.style.height = "100px"; newDiv.style.background = "red"; newDiv.style.border = "inset"; newDiv.style.borderwidth = "20px"; newDiv.style.borderColor = "blue"; newDiv.type="radio"; document.body.appendChild(newDiv); console.log(newDiv.outerHTML) } div(); 

 <input id="input">