[Javascript] Assurdo!

satoshi2005 · 16-04-2007, 09:18

Qualcuno mi sa dire perché il seguente codice funziona su firefox ma su ie no?

Codice:

<html>
<head>
	<script type="text/javascript">
		function carica() {
			var a = document.createElement("table");

			var b = document.createElement("tr");

			var c = document.createElement("td");
			c.innerHTML = "asd";

			b.appendChild(c);
			a.appendChild(b);
			document.body.appendChild(a);
		}
	</script>
</head>
<body onload="carica();">

</body>
</html>

Grazie, sato

andbin · 16-04-2007, 10:04

Quote:

Originariamente inviato da satoshi2005

Qualcuno mi sa dire perché il seguente codice funziona su firefox ma su ie no?

Su IE i tag TABLE/TR/TD ci sono, vengono creati (garantisco ... ho verificato con la Internet Explorer Developer Toolbar). Il perché non lo fa vedere .... l'ho scoperto abbastanza velocemente.
Mettendo un tbody, è tutto ok.

Codice:

var a = document.createElement("table");
var b = document.createElement ("tbody");
var c = document.createElement("tr");
var d = document.createElement("td");
d.innerHTML = "asd";

c.appendChild(d);
b.appendChild(c);
a.appendChild (b);
document.body.appendChild(a);

E credo che sia una delle tante stupidate di IE. Le specifiche HTML sono molto chiare: The TBODY start tag is always required except when the table contains only one table body and no table head or foot sections. The TBODY end tag may always be safely omitted.
Quindi tbody è opzionale se c'è solo un corpo della tabella (e nessun head/foot).

satoshi2005 · 16-04-2007, 10:17

Quote:

Originariamente inviato da andbin

Su IE i tag TABLE/TR/TD ci sono, vengono creati (garantisco ... ho verificato con la Internet Explorer Developer Toolbar). Il perché non lo fa vedere .... l'ho scoperto abbastanza velocemente.
Mettendo un tbody, è tutto ok.

Codice:

var a = document.createElement("table");
var b = document.createElement ("tbody");
var c = document.createElement("tr");
var d = document.createElement("td");
d.innerHTML = "asd";

c.appendChild(d);
b.appendChild(c);
a.appendChild (b);
document.body.appendChild(a);

E credo che sia una delle tante stupidate di IE. Le specifiche HTML sono molto chiare: The TBODY start tag is always required except when the table contains only one table body and no table head or foot sections. The TBODY end tag may always be safely omitted.
Quindi tbody è opzionale se c'è solo un corpo della tabella (e nessun head/foot).

Grazie mille! Soprattutto per avermi fatto scoprire la IE Developer Toolbar, non sapevo esistesse!

andbin · 16-04-2007, 10:39

Nota che se da codice HTML si mette:
<table><tr><td>Prova da html</td></tr></table>
sia IE che FF nel DOM mettono (ed è giusto così) un TBODY ma se la tabella è creata dinamicamente tramite DOM, solo con IE è necessario creare anche un tbody. Mentre con Firefox e Opera il tuo codice iniziale è ok.

Adesso come adesso non saprei dirti se è una pignoleria/baco di IE o una mancanza di Firefox/Opera ma visto che siamo già 2 contro 1, sarei più propenso per la prima opzione ....

EDIT: Ci sono dei metodi aggiuntivi per gli oggetti relativi alle tabelle, che sono anche più comodi e funzionano sia con IE, FF, Opera:

Codice:

var a = document.createElement("table");
var r = a.insertRow(0);
var c = r.insertCell(0);
c.innerHTML = "asd";

document.body.appendChild(a);

16-04-2007, 10:39	#4
andbin Senior Member Iscritto dal: Nov 2005 Messaggi: 5206	Nota che se da codice HTML si mette: <table><tr><td>Prova da html</td></tr></table> sia IE che FF nel DOM mettono (ed è giusto così) un TBODY ma se la tabella è creata dinamicamente tramite DOM, solo con IE è necessario creare anche un tbody. Mentre con Firefox e Opera il tuo codice iniziale è ok. Adesso come adesso non saprei dirti se è una pignoleria/baco di IE o una mancanza di Firefox/Opera ma visto che siamo già 2 contro 1, sarei più propenso per la prima opzione .... EDIT: Ci sono dei metodi aggiuntivi per gli oggetti relativi alle tabelle, che sono anche più comodi e funzionano sia con IE, FF, Opera: Codice: var a = document.createElement("table"); var r = a.insertRow(0); var c = r.insertCell(0); c.innerHTML = "asd"; document.body.appendChild(a); __________________ Andrea, Senior Java developer – SCJP 5 (91%) • SCWCD 5 (94%) Java Versions Cheat Sheet Ultima modifica di andbin : 16-04-2007 alle 11:05.

Strumenti
Mostra una versione stampabile Invia questa pagina per email