Question

这是动态创建的复选框的代码。如何在代码中添加换行符，以便每行有一个复选框？我尝试document.createElement("br")并在get.appendChild(label)之后追加它，但它没有用。

function setCheckboxes(browser) {
    var get = document.getElementById("get");

    if (browser == "courses") {
        for (var i = 1; i < coursesGetKeys.length; i++) {
            var checkBox = document.createElement("input");
            var label = document.createElement("label");
            checkBox.type = "checkbox";
            checkBox.value = coursesGetKeys[i];
            checkBox.name = "r";
            label.textContent = setOpt(coursesGetKeys[i], browser);
            get.appendChild(checkBox);
            get.appendChild(label);
            //label.appendChild(document.createTextNode(setOpt(validCoursesKeys[i], dataset)));
        }
    }

    if (browser == "rooms") {
        for (var i = 1; i < validRoomsKeys.length; i++) {
            var checkBox = document.createElement("input");
            var label = document.createElement("label");
            checkBox.type = "checkbox";
            checkBox.value = validRoomsKeys[i];
            checkBox.name = "r";
            label.textContent = setOpt(validRoomsKeys[i], browser);
            get.appendChild(checkBox);
            get.appendChild(label);
            //label.appendChild(document.createTextNode(setOpt(validCoursesKeys[i], dataset)));
        }
    }
};

Answer 1

您已经知道如何创建输入：

var checkBox = document.createElement("input");

以及如何追加它：

get.appendChild(checkBox); // get is the parent element you selected at the top of your code

所以你的第一次预感是正确的，你也可以这样做：

var br = document.createElement("br");
get.appendChild(br);

创建一个br元素，然后将其附加到＆＃34; get＆＃34;父节点。

如何在每个动态创建的复选框后添加换行符？

1 个答案: