使用javascript/DOM创建HTML正文

好的，基本上我想在

function

中的

变量中存储
body
标记的一部分，并调用body中的函数来创建HTML的该部分。
以下是我的函数代码：

 function RadioButtonContent()
 {
var rbc = '<h3>Type your radio button here:</h3><input type="text" name="option" id="option" value="Example 1" /><button id="AddButton" onclick="radio()">Add</button><button id="RemoveButton">Remove</button><div id="updateDivRadio"><h1>Space for Radio Button</h1></div>'
var rbcAppen = document.getElementById('radioButton');
rbc.appendChild.rbcAppen;
 }

函数RadioButtonContent（）
{
var rbc='在此处键入您的单选按钮：AddRemoveSpace for单选按钮'
var rbcAppen=document.getElementById（'radioButton'）；
rbc.appendChild.rbcAppen；
}

但是当它被呼叫时，它什么都不做。。。可能DOM不是这样工作的，或者有办法吗？
小提琴

请帮助查看

您可以创建一个新节点并设置其HTML，如下所示：

var newNode = document.createElement("div")
newNode.innerHTML = rbc;
rbcAppen.appendChild(newNode);

这里有一个小问题：
如果你想这样做，你可能想使用这个房产。是的，我感觉可能是这样的。。。你知道怎么做吗@Seiyrai将使用我的陈述和下面的答案的混合体，我马上发布。@Seiyria真棒。。。为此提前表示感谢：）谢谢
rbcAppen.appendChild（document.createTextNode（rbc））
可以工作，但它不会将内容作为html元素和标记，而是将其作为纯文本，这不是我的意图…@envyM6我已经更新了答案以涵盖其他情况谢谢你的建议：）Awesome@Juan Mendes。。。你的小提琴真管用！！请看一看你的代码@Seiyria是不是有问题。。。不工作：（我得到了
Uncaught ReferenceError:RadioButtonContent没有在你的小提琴上定义。我会看看是否可以修复。@envyM6我也在使用chrome并得到了这个错误。嗯。那是因为JSFIDLE在加载see中包装了
RadioButtonContent
。你不能从HTMLLOL创建文本节点，可能是因为我的电脑是drun。）k然后…：P但说真的，我没有得到错误
var newNode = document.createElement("div")
newNode.innerHTML = rbc;
rbcAppen.appendChild(newNode);