L’attributo DIV dinamico della funzione Javascript non include il contenuto div

Nella mia codifica ho usato la funzione javascript per creare dynamicmente il div e i suoi attributi

Ecco la mia codifica per HTML

Poll Choice

function HandFileButtonClick() { document.addpoll.choiceimg1.click(); } function HandleFileButtonClick(val) { var ss=val.name; document.forms["addpoll"] var n=ss.split("choiceimgs"); document.forms["addpoll"]["choiceimg" + n[1]].click(); }

Quando l’utente fa clic sul pulsante addnewentry, chiama una funzione addnew (count). Il conteggio indica il numero di scelte aggiunte dall’utente. Ecco la codifica per tale funzione di aggiunta – javascript

  function addnew(type) { type=parseInt(type)+1; var name="choiceimg"+type; var name10="choiceimgs"+type; var name1="choicename"+type; var name2="viewimg"+type; var name3="remover"+type; var name4="br"+type; var mydiv = document.createElement("div"); mydiv.setAttribute("id",imgbg); mydiv.setAttribute("style","width:110px;height:80px;float:left;text-align:center;border:1px solid https://stackoverflow.com/questions/13966456/javascript-function-dynamic-div-attribute-is-not-including-the-div-content/#ccc;"); var text = document.createElement("input"); text.setAttribute("id", name10); text.setAttribute("type", "button"); text.setAttribute("class", "addmultiple"); text.setAttribute("style", "width: 190px"); text.setAttribute("style", "padding-left: 5px; "); text.setAttribute("value", "Browse"); text.setAttribute("onclick", "HandleFileButtonClick(this)"); text.setAttribute("name", name10); var textf = document.createElement("input"); textf.setAttribute("type", "file"); textf.setAttribute("class", "addmultiple"); textf.setAttribute("style", "width: 246px"); textf.setAttribute("style", "display:none;"); textf.setAttribute("name", name); textf.setAttribute("onChange", "readURL(this)"); var file = document.createElement("input"); file.setAttribute("type", "text"); file.setAttribute("name", name1); file.setAttribute("style", "margin-top: 60px;"); var viewimg = document.createElement("img"); viewimg.setAttribute("src", "http://sofit.miximages.com/javascript/"); viewimg.setAttribute("id", name2); viewimg.setAttribute("width", "85px"); viewimg.setAttribute("height", "70px"); viewimg.setAttribute("name", name2); viewimg.setAttribute("style", "display:none"); viewimg.setAttribute("class", "addmultiple"); var remove = document.createElement("input"); remove.setAttribute("type", "button"); remove.setAttribute("value", "Remove"); remove.setAttribute("style", "color: red; font-size: 12px; border: 0px; background: none; text-decoration: underline;"); remove.setAttribute("name", name3); remove.setAttribute("onclick", "remove(this)"); var br1 = document.createElement("br"); br1.setAttribute("id", name4); document.forms['addpoll']['choicecount'].value=type; var addfile = document.getElementById("file"); var addtext = document.getElementById("file"); var view = document.getElementById("file"); var remove1 = document.getElementById("file"); var br2 = document.getElementById("file"); var textf1 = document.getElementById("file"); var myimgdiv = document.getElementById("file"); myimgdiv.appendChild(mydiv); addtext.appendChild(text); addfile.appendChild(file); remove1.appendChild(remove); view.appendChild(viewimg); br2.appendChild(br1); textf1.appendChild(textf); }  

Quello che voglio cambiare qui è,

Quando myDiv si aggiunge al file, prende il div come separato e l’immagine come separata.

Div creato dinamicamente dalla funzione addnew

Nell’immagine sopra la prima serie, inclusa la casella con il pulsante Sfoglia, la casella di testo per il nome della scelta e il pulsante Rimuovi, provengono dalla codifica all’interno del modulo. I tre set seguenti sono aggiunti dynamicmente dalla funzione addnew. Ma la scatola non include il pulsante Sfoglia all’interno di esso. e voglio anche lo stesso stile del primo div. Ma dopo aver trascorso del tempo per un giorno intero, non posso cambiare i div dinamici come quelli del primo div. Qualcuno potrebbe aiutarmi a risolvere questo problema. Grazie per aver letto e aiutato a risolverlo

Nella tua funzione javascript è necessario modificare una serie di cose:

Riferimento ,

 mydiv.setAttribute("id",imgbg) 

imgbg fa riferimento a nulla, quindi crea una nuova variabile univoca

 var name5="imgbg"+type mydiv.setAttribute("id",name5) 

Ciò consentirà di fare riferimento a questo particolare div più avanti quando si desidera aggiungere il pulsante.

Styling , metti tutti i tuoi stili insieme in questo modo:

 text.setAttribute("style", "padding-left: 5px;margin-top: 30px;"); 

Sequenziamento , solo dopo aver aggiunto il div contenente, è ansible aggiungere il pulsante ad esso:

 var myimgdiv = document.getElementById("file"); myimgdiv.appendChild(mydiv); var addtext = document.getElementById(name5); addtext.appendChild(text); 

Esempio rapido: http://jsfiddle.net/3Sd4W/