動態創建的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

ParentNode.append方法在ParentNode的最后一個子項之后插入一組Node對象或DOMString對象。 DOMString對象作為等效的Text節點插入。