Miért nyit új HTML tagot a javascript?
2018-11-27T11:00:20+01:00
2018-11-28T05:40:53+01:00
2022-08-18T22:35:36+02:00
Makkos András
Sziasztok

 A problémám az lenne, hogy javascript-ben kell generálni egy táblázatot, amihez külső stíluslap van csatolva HTML-ben, amíg nem futott le a szkript, addig látszik a böngészőben, hogy hozzá van csatolva a CSS állomány, de ahogy befejeződik a script, nullázódik minden, és mintha egy teljesen új HTML állományt generált volna, nincs benne már a formázás se, mitől lehet ez? 

HTML: 

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="feladat.css"> <title>GYAK 09</title> <script type="text/javascript" src="feladat.js"></script> </head> <body id="body" onload="kerdez();"> </body> </html> JS:

function kerdez(){
 tmb=new Array();
 oke=0;
 while(oke==0)
 {
 var szam=prompt("Adja meg a tömb elemeinek számát:");
 if(!!szam)
 {
 var kerdes=confirm("A választott szám: "+ szam + "\n Elfogadja?");
 if(kerdes) // ha elfogadja a számot
 {
 oke=1; 
 document.write("<table class='randomNumberTable'>");
 for (var i = 0; i < szam; i++)
 {
 if (i % 10 == 0) {
 document.write("<tr>");
 } 
 document.write("<td>");
 tmb
= Math.round(Math.random() * (100 - 1) + 1); document.write(tmb
); document.write("</td>"); if (i % 10 == 9) { body+="</tr>"; document.write("</tr>"); } } document.write("</table>"); document.getElementById("body").innerHTML=body; alert("A feladat befejeződött");


}
else // ha nem fogadja el
{
oke=0;
}
}
}
}
Mutasd a teljes hozzászólást!
HTML DOM write() Method
--> HTML DOM appendChild() Method
"The write() method is mostly used for testing: If it is used after an HTML document is fully loaded, it will delete all existing HTML."

Legközelebb a forráskód beillesztése után kérlek ellenőrizd, hogy sikerült-e a kódformázás, és ha úgy néz ki a kódod, mint most, akkor kezdd újra a formázását, mert így nagyon nehezen olvasható.
Mutasd a teljes hozzászólást!

abcd