我正在嘗試動態創建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

使用input更改div 。並添加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(); 

更新

如何動態設置屬性？ 與上述相同。 通過ID調用Dom元素

 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">