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

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

The ParentNode.append method inserts a set of Node objects or DOMString objects after the last child of the ParentNode. DOMString objects are inserted as equivalent Text nodes.