我想知道使用是否更正確innerHTML:function createModal(){ modal = document.createElement('div'); modal.id = "modal"; modal.className = "modal"; modal.innerHTML = "<div id='modal-content' class='modal-content'><div id='modal-header' class='modal-header'><h2 id='title'>Login...</h2></div><div class='modal-body'><div class='loginContainer'><div class='loginWrapper'><div class='inpWrapper'><input name='h' placeholder='Hostname' onkeyup='enter();' autocapitalize='none' autofocus><span class='focus-border'></span></div><div class='inpWrapper'><input name='u' placeholder='Username' onkeyup='enter();' autocapitalize='none'><span class='focus-border'></span></div><div class='inpWrapper'><input type='password' name='p' placeholder='Password' onkeyup='enter();' autocapitalize='none'><span class='focus-border'></span></div></div></div><p>*You only need to log in once so you can close out of any login prompts on other pages</p></div><div class='modal-footer'><button class='save-changes' onclick='login();'>Connect</button><button class='close-modal' onclick='removeModal()'>Close</button></div></div>"; document.body.appendChild(modal);}或分別appendChild()創(chuàng)建和附加每個孩子:function createModal(){ modal = document.createElement('div'); modal.id = "modal"; modal.className = "modal"; var modalContent = document.createElement('div'); modalContent.id = "modal-content"; modalContent.className = "modal-content"; var modalHeader = document.createElement('div'); modalHeader.id = "modal-header"; modalHeader.className = "modal-header"; var title = document.createElement('h2'); title.id = "title"; title.innerText = "Login..."; modalHeader.appendChild(title); modalContent.appendChild(modalHeader);}這看起來的東西一樣,但我沒有鍵入的每一個元素,因為我想知道哪個更好。我只是快速輸入,所以你會明白我的意思。謝謝。
附加元素與 innerHTML
千萬里不及你
2022-01-07 13:57:01