Si el iframe está dentro de tu dominio podrás acceder sin problemas, si no, no.
Lo más sencillo es que le agregues un atributo id a tu tabla dentro del iframe (en este ejemplo, tablita es el id):
Código PHP:
<table id="tablita" width="425" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
Luego, el secreto es crear una referencia al objeto document de tu iframe. Supongamos que tu iframe tenga un atributo id de valor ifr, como el de este ejemplo:
Código PHP:
<iframe src="bla.html" id="ifr" width="600" height="150"></iframe>
Eso quiere decir que a tu iframe podés referenciarlo de esta manera en la página que lo contiene:
Código PHP:
document.getElementById('ifr');
Sólo te falta referenciar el objeto document de ese iframe. Eso podrías hacerlo de esta manera para que funcione en navegadores antiguos y modernos:
Código PHP:
var doc=document.getElementById('ifr').contentDocument || document.getElementById('ifr').contentWindow.document
Y una vez que tenés la referencia al document del iframe, podés usar el método getElementById para referenciar la tabla que tiene dentro:
Código PHP:
var tabla=doc.getElementById('tablita');
Un ejemplo completo:
archivo bla.html (que es el source del iframe):
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<table id="tablita" width="425" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Archivo Principal (es el que aloja al iframe):
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>
#bt{ width:100px; height:30px; line-height:30px; background:#900; color:#FFF; text-align:center; margin-top:10px; cursor:pointer}
</style>
<script>
function cambiar(){
var doc=document.getElementById('ifr').contentDocument || document.getElementById('ifr').contentWindow.document;
var tabla=doc.getElementById('tablita');
tabla.style.background='red';
}
onload=function(){
document.getElementById('bt').onclick=cambiar;
}
</script>
</head>
<body>
<iframe src="bla.html" id="ifr" width="600" height="150"></iframe>
<br />
<div id="bt">cambiar</div>
</body>
</html>
20/11/2010, 05:34
