DOM（JavaScript）によるHTML/XHTML文書の構造化 #1 - reflux flow

概要 見出し（h1-6）要素を目印にしてdiv要素を追加します。 <!-- 構造化前 --> <h1>見出し</h1> <p>本文</p> <h2>見出し</h2> <p>本文</p> <h3>見出し</h3> <p>本文</p> <h2>見出し</h2> <p>本文</p> <!-- 構造化後 --> <div class="section"> <h1>見出し</h1> <p>本文</p> <div class="section"> <h2>見出し</h2> <p>本文</p> <div class="section"> <h3>見出し</h3> <p>本文</p> </div> </div> <div class="section"> <h2>見出し</h2> <p>本文</p> </div> </div> JavaScriptによる実装 DOM Level1を利用します。 funct