我想創建一個javascript DOM單選按鈕和屬性動態

Question

我想創建一個單選按鈕使用JavaScript。但它似乎沒有工作

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

更改div與input。而添加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();

更新

如何動態設置屬性？ 與上面相同。 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">