Hola a toda la comunidad de Foros del Web... quisiera que me ayuden con este problema, tengo la siguiente porcion de codigo javascript, cuya finalidad es manipular las propiedades de un tag TABLE (<table>) que se encuentra dentro de un tag DIV. El codigo es el siguiente:
function abc(DivId,TableId){
ObjDiv=document.getElementById(DivId);
ObjInnerTable=ObjDiv.document.getElementById(Table Id);
...
}
La llamada a funcion la hago por medio del evento click en un boton asi:
onclick="javascript
:abc('Div1','Table1');"
La estructura html sobre la cual estoy queriendo aplicar el codigo javascript es la siguiente:
<div id="Div1">
<table id="Table1">
...
</table>
</div>
Al ejecutar esto en Internet Explorer no hay problemas (como es de esperarse) y puedo utilizar el objeto ObjInnerTable para jugar con las propiedades del table. Ahora, para variar, el problema es en FIREFOX en la version 3.0... el problema lo detecta justamente al tratar de ejecutar la segunda linea dentro de la funcion abc(), o sea en:
ObjInnerTable=ObjDiv.document.getElementById(Table Id);
El mensaje de se muestra en la consola de error de FireFox es:
ObjDiv.document is undefined
La primera linea de codigo dentro de la funcion si ejecuta correctamente en Firefox y si hago alert(ObjDiv) me muestra el mensaje "[Object]", lo cual me indica que el codigo de esa linea esta bien, pero la siguiente es el problema como lo mencione anteriormente. He intentado reemplazar 'document' por 'window' pero el problema persiste, dandome un mensaje de error diferente pero persiste. He intentado tambien suprimiendo 'document' dejando unicamente:
ObjInnerTable=ObjDiv.getElementById(TableId);
pero tampoco funciona.
Alguien podria ayudarme con el codigo correcto para que esto funcione en ambos navegadores?
Saludos a todos.