Bueno, por lo del tbody, cuando reviso el examinador Dom si aparece sin que yo lo haya puesto, y el código es el siguiente;
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<HEAD>
<STYLE>
.back {
DISPLAY: block;
BOTTOM: 0px;
TOP: 0px;
RIGHT: 0px;
LEFT: 0px;
Z-INDEX: 200;
WIDTH: 100%;
HEIGHT: 100%;
BACKGROUND: rgb(255, 255, 255) none repeat scroll 0%;
POSITION: absolute;
}
</STYLE>
<SCRIPT>
function $(id) {
return document.getElementById(id);
}
function removeElement(divNum,element) {
var d = $(element);
var olddiv = $(divNum);
d.removeChild(olddiv);
}
function createElement(typ) {
return (document.createElement(typ));
}
function addElement(node,element) {
node.appendChild(element);
}
function MiClase() {
this.d=null;
this.table=null;
this.doFun = function () {
var backD = createElement("DIV");
backD.setAttribute("CLASS","back");
addElement($('dialog'),backD);
};
this.show = function (message, title) {
this.doDialog();
};
}
dia = new MiClase();
</SCRIPT>
</HEAD>
<BODY>
eSTO ES TEXTO...
<TABLE CELLPADDING="0" CELLSPACING="0">
<TR>
<TH>Texto de cabecera???</TH>
</TR>
<TR>
<TD>Y esto es una celda con no se que</TD>
</TR>
</TABLE>
<A HREF="javascript: void(0)">est es un vinculo</A>
<BR>
<INPUT
TYPE="text"
SIZE="10"
MAXLENGTH="10">
<BR>
<TEXTAREA>stestasfsdafasfasfas</TEXTAREA>
<BR>
<SELECT STYLE="visibility:visible">
<OPTION>
option
</OPTION>
</SELECT>
<BR>
<H1>
Esto es un h1
</H1>
<BR>
<H2>
Esto es un h2
</H2>
<BR>
<H3>
Esto es un h3
</H3>
<BR>
<H4>
Esto es un h4
</H4>
<BR>
<H5>
Esto es un h5
</H5>
<BR>
<H6>
Esto es un h6
</H6>
<BR>
Esto es normal
<BR>
<P CLASS="copyright">
Esto es un copy rigth <SMALL CLASS="copyright small">pequeno</SMALL>
</P>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD
COLSPAN="2"
class="buttondialog">
<BUTTON>
Aceptar
</BUTTON>
<BUTTON>
Cancelar
</BUTTON>
</TD>
</TR>
<TR>
<TD>
Y esto es una celda con no se que
</TD>
<TD>
y esta es la otra celda
</TD>
</TR>
</TABLE>
<!-- Este es el div donde se va a cargar el otro div -->
<DIV id="dialog">
</DIV>
Mas<br>
y<BR>
mas<BR>
texto<BR>
y<BR>
unito<BR>
mas<BR>
<BUTTON ONCLICK="javascript: dialogo.show(null,'datos');">Click here</BUTTON>
<DIV id="otrito"></DIV>
</BODY>
</HTML>
No puse todo el código porque es mucho y además corre todo el JS hasta el fin, pero en IE no se ven los nodos creados.... PORQUE????