在.Innerhtml中添加无线功能

Question

我正在尝试为JavaScript中的程序在.innerHTML中添加一个单选/复选框。有没有办法在.Innerhtmljavascript代码内部的part部件中添加一个单选框/复选框：

document.getElementById("demo").innerHTML = "I need a radiobox here";

Answer 1

您只需要传递单选按钮的html代码。

document.getElementById('demo').innerHTML = '<input type="radio" />'

Answer 2

​

document.getElementById("demo").innerHTML = "<input id='radiobutton' type='radio' >text</input>";

<div id="demo" >
  
</div>

​

Answer 3

在文档中插入新元素的更好方法，而不是innerHTML

Element.appendChild

​

var radio = document.createElement("input");
radio.type = "radio";
radio.name = "r1";
document.querySelector("#demo").appendChild(radio);

<label id="demo"></label>

​

Element.insertAdjacentHTML

​

document.querySelector("#demo").insertAdjacentHTML(
  "beforeend",
  "<input type='radio' name='r1'>"
);

<label id="demo"></label>

​

可用的插入点：'beforebegin' 'afterbegin' 'beforeend' 'afterend'

Read more here：innerHTML将重写您的目标元素内容，丢失以前的输入状态和附加事件等