Question

我有一个div，我想用javascript动态创建单选按钮列表。此代码由于某种原因呈现文本，而不是html单选按钮和标签：

    var a1 = document.getElementById("my_div");
    for (var i = 0; i < result.data.length; i++) {
      a1.append("<label><input type=\"radio\" name=\"rbtn\" value=\"" + result.data.[i].id + "\" />" + result.data[i].name + "</label>");
    }

为什么它呈现为文字？

Answer 1

改变这个：

a1.append("<label><input type=\"radio\" name=\"rbtn\" value=\"" + result.data.[i].id + "\" />" + result.data[i].name + "</label>");

到

a1.innerHTML+="<label><input type=\"radio\" name=\"rbtn\" value=\"" + result.data.[i].id + "\" />" + result.data[i].name + "</label>";

约apend

ParentNode.append方法插入一组Node对象或 ParentNode的最后一个子节点之后的DOMString对象。 DOMString对象作为等效的Text节点插入。

动态创建的html元素呈现为文本

1 个答案: