在 .Innerhtml 中添加一个收音机答案

【问题标题】：Add a radio inside .Innerhtml在 .Innerhtml 中添加一个收音机
【发布时间】：2016-09-17 09:22:13
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

document.getElementById("demo").innerHTML = "&lt;input id='radiobutton' type='radio' &gt;text&lt;/input&gt;";

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

【讨论】：

【解决方案3】：

而不是innerHTML，这是一种将新元素插入文档的更好方法

Element.appendChild

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

&lt;label id="demo"&gt;&lt;/label&gt;

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

&lt;label id="demo"&gt;&lt;/label&gt;

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

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

【讨论】：