我正在尝试动态创建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">