第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

附加元素與 innerHTML

附加元素與 innerHTML

千萬里不及你 2022-01-07 13:57:01
我想知道使用是否更正確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);}這看起來的東西一樣,但我沒有鍵入的每一個元素,因為我想知道哪個更好。我只是快速輸入,所以你會明白我的意思。謝謝。
查看完整描述

2 回答

?
白衣染霜花

TA貢獻1796條經(jīng)驗 獲得超10個贊

兩者都很好,但都不是完美的。

  • 對于innerHTML版本:如果你給它提供了糟糕的 HTML,那么在你查看結(jié)果之前你不會知道。如果是非常復雜的 HTML(例如來自 CMS),那么解析它可能需要一些時間,這會變得很明顯。如果需要在 HTML 中使用它們,您還需要注意轉(zhuǎn)義外部引號。但是很清楚你在創(chuàng)造什么。

  • 對于編程版本:它不會比這更快,它可能更精確和可調(diào)試,它可能更容易改變(例如在某處添加一個 div 層,或移動一個元素)但也很難猜測通過檢查您實際創(chuàng)建的源。

所以總而言之,這取決于。


查看完整回答
反對 回復 2022-01-07
?
犯罪嫌疑人X

TA貢獻2080條經(jīng)驗 獲得超4個贊

如果你可以用更少的代碼完成同樣的事情,我會說那就去吧。在這種情況下,使用 innerHtml 似乎比 appendChild 干凈得多。更短的代碼更容易維護和更新。


查看完整回答
反對 回復 2022-01-07
  • 2 回答
  • 0 關(guān)注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號