Question

我尝试将标题和hr元素附加到弹出窗口，但是当我追加它时，弹出窗口不再附加到身体上。我究竟做错了什么？但是，如果我没有将标题和小时附加到弹出窗口，那么他就会完美地显示出来。

// selecteer alle elementen met de class "editHose"
var edits = document.getElementsByClassName('editHose');

// voeg eventlistener toe aan elke knop om het edit kadertje te laten verschijnen
for(i=0; i<edits.length; i++)
{

    // eventListener toevoegen aan elke knop
    edits[i].addEventListener("click", function(e) {

        e.preventDefault();

            // maak overlay aan
            var overlay = document.createElement('div');
            overlay.setAttribute('id', 'overlay');

                // append overlay to body
                document.getElementsByTagName('body')[0].appendChild(overlay);

            // maak de popup div aan
            var popup = document.createElement('div');
            popup.setAttribute('id', 'popup');
            popup.setAttribute('class', 'form-signin')

            // maak title en regenboogbalkje onder titel aan
            var title = document.createElement('h3');
            title.setAttribute('class', 'form-signin-heading');
            var line = document.createElement('hr');
            line.setAttribute('class', 'colorgraph');

                // append title en line to popup
                popup.appendChild('title');
                popup.appendChild('line');

                // append popup to body
                document.getElementsByTagName('body')[0].appendChild(popup);

    });

}

提前感谢！

Answer 1

我发现了问题所在：

            popup.appendChild('title');
            popup.appendChild('line');

应该是

            popup.appendChild(title);
            popup.appendChild(line);

Js appendChild不工作

1 个答案: