Javascript将div作为另一个孩子追加到另一个

user3384985 发表于 Dev

用户名

在这里，Javascript我需要在另一个孩子的头上附加一个div。假设我wrap在其父div id中有一个div类wpbody-content。现在，我需要在divwrap类中附加一个div作为第一个孩子。这是我尝试的代码-

<script>
            document.addEventListener("DOMContentLoaded", function (event) {
                var div = document.createElement('div');

                div.className = 'row';

                div.innerHTML = '<input type="text" name="name" value="" />\
    <input type="text" name="value" value="" />\
    <label> <input type="checkbox" name="check" value="1" /> Checked? </label>\
    <input type="button" value="-" >';
                document.getElementById("wpbody-content").getElementsByClassName("wrap")[0].insertBefore(div, document.getElementById("wpbody-content").getElementsByClassName("wrap").firstChild);
            });
        </script>

但是它将div作为最后一个孩子追加。提前致谢！

zer00ne

使用像这样的功能来安排追加的功能 prependEle(parent, child);

请参阅js代码的最底部：

    document.addEventListener("DOMContentLoaded", function (event) {
            var div = document.createElement('div');

            div.className = 'row';

            div.innerHTML = '<input type="text" name="name" value="" />\
<input type="text" name="value" value="" />\
<label> <input type="checkbox" name="check" value="1" /> Checked? </label>\
<input type="button" value="-" >';
            var wp = document.getElementById("wpbody-content");
            var firstWrap = wp.getElementsByClassName("wrap")[0];
               prependEle(firstWrap, div);
        });
        function prependEle(parent, child) {
          parent.insertBefore(child, parent.firstChild);
        };