Question

如何在创建动态输入时将div添加到div。

div.class = "form-group";

不适合我。在下面的代码中注释。

<script type="text/javascript">
    function dynInput(cbox) {
        if (cbox.checked) {
            var input = document.createElement("input");
            input.type = "text";
            var div = document.createElement("div");
            div.id = cbox.value;
            //div.class = "form-group";
            div.innerHTML = "<label>Cost Per Test For " + cbox.value + "</label>";
            div.appendChild(input);
            document.getElementById("insertinputs").appendChild(div);
       } else {
            document.getElementById(cbox.value).remove();
       }
    }
</script>

Answer 1

需要更改为：

  div.className = "form-group";

Answer 2

应该是 className 而不是class：

div.className = "form-group";

您可以改用 classList() 。

使用 classList 是通过 element.className 访问元素列表作为空格分隔字符串的便捷替代方法。

div.classList.add('form-group');

希望这有帮助。

Answer 3

使用jquery addClass()

$(div).addClass('form-group');

或将元素创建为字符串并使用jquery append()附加它们：

<script type="text/javascript">
    function dynInput(cbox) {
        if (cbox.checked) {
            label = "<label>Cost Per Test For " + cbox.value + "</label>";
            $("#insertinputs").append('<div class="form-group" id="'+cbox.value+'">'+label+'<input type="text"></div>');
       } else {
            $('#'+cbox.value).remove();
       }
    }
</script>

Answer 4

仅使用div.className .class

进行尝试

将类添加到div

4 个答案: