add id to dynamically created div

Question

I have the following JavaScript that creates a div and then appends it to the body and then inserts some dynamically generated HTML into it  cartDiv   document createElement  div    This div I would like to add an id and or a class to it  If possible both Jquery and JavaScript answers would be great   var cartHTML     lt div class  soft add wrapper  onmouseover  setTimer     gt    cartHTML      lt div class  soft add header shadow  gt    cartHTML      lt div class  soft add header  gt  lt span class  soft add span  gt Added to cart lt  span gt  lt a href    class  close btn  onclick  hideCart    return false   gt Close lt  a gt  lt  div gt  lt  div gt   cartHTML      lt div class  soft add content shadow  gt  lt div class  soft add content wrapper  gt    cartHTML      lt div class  soft add content area  onscroll  setTimer     gt  lt table class  cart table  cellpadding  0  cellspacing  0  border  0  gt    if  cartLength    0        cartHTML    cartLoop index  cartLength       if  index    0            cartHTML    cartLoop 0  index             if  discountTotal     0             var discountProduct             ProductName   Discount s            ProductPrice    lt span style  color red  gt     discountTotal     lt  span gt                     cartHTML    getLineItemHTML discountProduct           cartHTML      lt  table gt  lt  div gt  lt div class  soft add sub total  gt  lt div class  number of items  gt     quantity     items in cart lt  div gt    cartHTML      lt div class  sub total  gt    cartHTML     Subtotal   lt span class  sub total amount  gt     cartTotal     lt  span gt    cartHTML      lt  div gt     cartHTML      lt  div gt  lt div class  soft add action area  gt  lt a href   ShoppingCart asp  class  check out  gt Check Out lt  a gt    cartHTML      lt a href    class  continue shopping  onclick  hideCart    return false   gt Continue shopping lt  a gt  lt  div gt  lt  div gt  lt  div gt  lt  div gt    if  cartDiv    null        cartDiv   document createElement  div        document body appendChild cartDiv     cartDiv innerHTML   cartHTML

User · Answer

Not sure if this is the best way  but it works   if  cartDiv    null        cartDiv     lt div id  unique id  gt  lt  div gt       document createElement  div        document body appendChild cartDiv

User · Answer

You can add the id  MyID123  at the start of the cartHTML text appends   The first line would therefore be   var cartHTML     lt div id  MyID123  class  soft add wrapper  onmouseover  setTimer     gt      -OR-  If you want the ID to be in a variable  then something like this       var MyIDvariable    MyID123       var cartHTML     lt div id    MyIDvariable    class  soft add wrapper  onmouseover  setTimer     gt           the rest of your code

User · Answer

Use Jquery for append the value for creating dynamically   eg   var user image1   lt img src    user image   class  img-thumbnail  alt  Thumbnail Image   style  width 125px  height 125px  gt         userphoto   append user image1 replace    user image    http   127 0 0 1 50075 webhdfs v1 PATH   user image   op OPEN        HTML     lt div id  userphoto  gt

User · Answer

Here is an example of what I made to created ID s with my JavaScript   function abs demo DemandeEnvoyee absence         var iDateInitiale   document getElementById  abs t date JourInitial absence   value     On r  cup  re la date initiale       var iDateFinale   document getElementById  abs t date JourFinal absence   value        On r  cup  re la date finale       var sMotif   document getElementById  abs txt motif absence   value                    On r  cup  re le motif         var iCompteurDivNumero   1                                                            Le compteur est initialis      1 parce que la div 1 existe       var TestDivVide   document getElementById  abs Autorisation   iCompteurDivNumero   absence      undefined    Bol  enne  renvoie false si la div existe d  j       var NewDivCreation                                                                    Initialis  e en string vide pour concat  nation       var NewIdCreation                                                                     Utilis  e pour cr  er l id d une div dynamiquement       var NewDivVersHTML                                                                    Utilis  e pour ins  rer la nouvelle div dans le html         while TestDivVide    false                                                            Tant que la div point  e existe           iCompteurDivNumero                                                                On incr  mente le compteur de 1           TestDivVide   document getElementById  abs Autorisation   iCompteurDivNumero   absence      undefined    Abs autorisation 1  est   crite en dur                  NewIdCreation    abs Autorisation   iCompteurDivNumero   absence                      On cr  e donc la nouvelle ID de DIV                                                                                              On cr  e la nouvelle DIV avec l ID pr  c  demment cr    e       NewDivCreation      lt div class   abs AutorisationsDynamiques absence   id     NewIdCreation     gt Votre demande d autorisation d absence du  lt b gt   iDateInitiale   lt  b gt  au  lt b gt   iDateFinale   lt  b gt   pour le motif suivant    lt i gt     sMotif     lt  i gt  a bien   t    lt span class   abs CouleurTexteEnvoye absence   gt envoy  e lt  span gt   lt  div gt         document getElementById  abs AffichagePanneauDeControle absence   innerHTML  NewDivCreation    Et on concatenne la nouvelle div cr    e         document getElementById  abs Autorisation 1 absence   style display    none     On cache la premi  re div qui contient le message  vous n avez pas de demande en attente          Will provide text translation if asked

User · Answer

If I got you correctly  it is as easy as  cartDiv id    someID     No need for jQuery    Have a look at the properties of a DOM Element   For classes it is the same   cartDiv className    classes here     But note that this will overwrite already existing class names  If you want to add and remove classes dynamically  you either have to use jQuery or write your own function that does some string replacement

User · Answer

You ll have to actually USE jQuery to build the div  if you want to write maintainable or usable code     create a div var  newDiv       lt div gt        set the id  newDiv attr  id   myId

[javascript] add id to dynamically created <div>

Examples related to javascript

Examples related to jquery