div要素にonloadを付けたいのですが、残念ながら現在の時点ではdivにonloadは付けれません。
ですが、divにonloadなる物を付けたいのですが、何か代用できる方法などはございますでしょうか？
私がやりたいことは、「onload指定している箇所が読み込まれた後、他の要素を表示する」事です。

<style>
.main_off {
  display: none;
}
.main_on {
  display: block;
}
</style>
<script>
function main_on(){
  document.getElementById('main').className = "main_on"; 
}
</script>
<noscript>
<style>
  .main_off { display: block; }
</style>
</noscript>
</head>
<body>

<header>
  <!-- 画像のonloadイベントで本文のcssを変更 -->
  <img src="abcd.jpg" onload="main_on();" />
</header>

<section id="main" class="main_off" >
  本文
</section>

上記のサンプルコードの処理をdivでやりたいと思っておりますが、私の知識では実現できなかったので、皆様のお力をお貸しいただければと思っております。
ご返答よろしくお願いいたします。