ora così crea.codice:var f1 = document.createElement("FIELDSET"); f1.setAttribute('style', 'border: 1px solid black; width: 120px;'); var l1 = document.createElement("LEGEND"); l1.innerHTML = "Nemico "+lettera; var ron = document.createElement("INPUT"); idron = "show_mostro_"+lettera; ron.setAttribute('type', 'radio'); ron.setAttribute('id',idron); ron.setAttribute('checked','true'); var roff = document.createElement("INPUT"); idroff = "show_mostro_"+lettera; ron.setAttribute('type', 'radio'); ron.setAttribute('id',idroff); ron.setAttribute('checked','false'); var f2 = document.createElement("FIELDSET"); f2.setAttribute('style', 'border: 1px solid black; width: 100px;'); idf2 = "field_"+lettera; f2.setAttribute('id',idf2); var l2 = document.createElement("LEGEND"); l2.innerHTML = "Nemico "+lettera; var i1 = document.createElement("INPUT"); idi1 = "iniziativa_"+lettera; i1.setAttribute('id', idi1); i1.setAttribute('type', 'text'); i1.setAttribute('size', '2'); i1.setAttribute('style', 'border: 0; width: 120px; background-color: transparent;'); i1.setAttribute('disabled', 'true'); var f3 = document.createElement("FIELDSET"); f3.setAttribute('style', 'border: 1px solid black; width: 100px;'); var l3 = document.createElement("LEGEND"); l3.innerHTML = "Iniziativa"; var i2 = document.createElement("INPUT"); idi2 = "mod_iniziativa_"+lettera; i2.setAttribute('id', idi2); i2.setAttribute('type', 'text'); i2.setAttribute('size', '2'); i2.setAttribute('style', 'border: 1; width: 120px; background-color: transparent;'); i2.setAttribute('disabled', 'false'); f1.appendChild(ron); f1.appendChild(roff); f1.appendChild(f2); f2.appendChild(f3); f2.appendChild(i1); f2.appendChild(l2); f3.appendChild(i2); f3.appendChild(l3); document.getElementById('griglie').appendChild(f1);
solo che gli stili non vengono applicati per nulla.