Загружаю страницу с малой скоростью и вижу, как таблицы загружаются медленно и с искажениями.
Решил спрятать все таблицы и отображать их только по-полной загрузке. Например:
<html><head><title>Smart Visibility</title></head>
<body>
<table style='visibility: hidden' onload='this.style.visibility="visible"'>
<tr><td>TEST</td><td>PROBE</td></tr>
</table></body>
Но здесь OnLoad-событие просто не срабатывает (проверял alert'ом). Переделал:
<html><head><title>Smart Visibility</title></head>
<table id='tbl' style='visibility: hidden'>
<tr><td>TEST</td><td>PROBE</td></tr>
<script>
document.getElementById("tbl").style.visibility="visible";
</script>
</table></body>
Сработ ло. Но пришлось добавить в тело таблицы идентификатор и целый скрипт! Как быть тогда?
Пользоваться getElementsByTagName("table")[getElementsByTagName("table").length - 1] слишком расходно!