The difference between creating element (createElement) and concatenating string (innerHtml) in JS

I would like to ask, what is the difference between creating html through document.createElement ("li") and through innerHtml ="

    • "?

    also, if I created the element through createElement, can I empty it directly through innerHtml ="";?

    for example, insert li? into ul

    Javascript
    Mar.15,2022
      The LI element created by
    1. document.createElement ('li') also needs to be manually inserted into the UL or it will not take effect in the DOM
    2. innerHtml ='
      4. 'is generated and inserted into DOM without the need for you to manually insert
    4. also, if I created the element through createElement, can I empty it directly through innerHtml ='';?
      Yes, but you have to insert it into DOM first

    1, no difference
    2, you can

    to create append elements it is recommended to use DocumentFragments;
    Why always append DOM elements using DocumentFragments

    Previous: Some pages of Vue can't get the value of this.$options.data ().

    Next: Mini Program to achieve left slide deletion, will cause the list to scroll vertically, is there any way to limit it?

    css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
    © 2021 CodesHelper
    Advertising Contact us About us
    Menu