文字列の除去(htmlの改変)

廃止したいCSSの先頭の<div>と末尾の</div>だけを削除したい。

除去例

before

➋□の出し方を考える

html(青色を消したい)

➋□の出し方を考える
<div class=”spl3a”><input id=”rei12-02″ name=”tabs” type=”checkbox” />
<label for=”rei12-02″>▼</label>
<div class=”content”>

計算例で<strong>□の出し方を考える</strong>と、<strong><span style=”color: #00ccff;”>真ん中(2)</span>+<span style=”color: #cc99ff;”>右(1)</span></strong>と分かります。
<div class=”box-ctr1″>
<div class=”D-box1″>
<div class=”cap1u”>(問題式)　　　<span style=”font-size: 1em;”>(計算例)</span></div>
<div class=”C-box3″>
<div class=”c1L”>□-<span style=”color: #00ccff;”>95</span>=</div>
<div class=”c1R”><span style=”color: #cc99ff;”>87</span></div>
<div class=”c2L”><span class=”rected-1″ style=”border-color: #ff99cc; border-width: 2px;”>3</span>－<span style=”color: #00ccff;”>2</span>=
<span class=”rected-1″ style=”border-color: #ff99cc; border-width: 2px;”>3</span>=</div>
<div class=”c2R”><span style=”color: #cc99ff;”>1</span>
<span style=”color: #00ccff;”>2</span>+<span style=”color: #cc99ff;”>1</span></div>
</div>
<div class=”cap1d” style=”text-align: center;”>□の出し方を考える</div>
</div>
</div>
</div>
</div>

after

計算例で□の出し方を考えると、真ん中(2)+右(1)と分かります。

html

➋□の出し方を考える
計算例で<strong>□の出し方を考える</strong>と、<strong><span style=”color: #00ccff;”>真ん中(2)</span>+<span style=”color: #cc99ff;”>右(1)</span></strong>と分かります。
<div class=”box-ctr1″>
<div class=”D-box1″>
<div class=”cap1u”>(問題式)　　　<span style=”font-size: 1em;”>(計算例)</span></div>
<div class=”C-box3″>
<div class=”c1L”>□-<span style=”color: #00ccff;”>95</span>=</div>
<div class=”c1R”><span style=”color: #cc99ff;”>87</span></div>
<div class=”c2L”><span class=”rected-1″ style=”border-color: #ff99cc; border-width: 2px;”>3</span>－<span style=”color: #00ccff;”>2</span>=
<span class=”rected-1″ style=”border-color: #ff99cc; border-width: 2px;”>3</span>=</div>
<div class=”c2R”><span style=”color: #cc99ff;”>1</span>
<span style=”color: #00ccff;”>2</span>+<span style=”color: #cc99ff;”>1</span></div>
</div>
<div class=”cap1d” style=”text-align: center;”>□の出し方を考える</div>
</div>
</div>