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"

＆＃13;

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();

＆＃13;

已更新

如何动态设置属性？ 与上面相同。Dom element call via id

＆＃13;

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();

＆＃13;

<input id="input">

＆＃13;

我正在尝试动态创建一个javascript Dom单选按钮和属性

1 个答案: