JavaScriptがIE8で動作していないinnerHTML

Question

<div class="dis-opt-box"> 
<div class="dis-opt-box-top"> 
     <form id="frmBook" accept-charset="utf-8" action="http://localhost/parcel3/book" method="post"> 
     <div class="opt-box-heading"> 
      <div class="service opt-box-heading-txt">Service</div> 
      <div class="price opt-box-heading-txt">Price</div> 
      <div class="info opt-box-heading-txt">Info</div> 
      <div class="coll-tody opt-box-heading-txt">Collection today</div> 
      <div class="printer-needed mt_5">Printer needed</div> 
      <div class="enhanced opt-box-heading-txt mt_5">Enhanced compensation</div> 
      <div class="drop-off opt-box-heading-txt mt_13">Drop off at <br>Parcelforce <br>Worldwide <br>Depot</div> 
    </div> 
            <div class="economy-services"> 
         <h3>Next Day, Pre 9am delivery</h3> 
                  <div class="service-box"> 
             <div class="service-box-small"> 
              <div class="service-box-small-1"><span class="pl-10">Parcelforce Express 24, Pre 9am</span></div> 
              <div class="service gray-border"> 
                           <img src="/parcel3/web/img/uploads/couriers/parcel2shippf.jpg" alt="Parcelforce Express 24, Pre 9am" title="Parcelforce Express 24, Pre 9am" class="pb-23" />           </div> 
              <div class="price1 gray-border"> 
               <a href="#" class="flyout">&pound;15.99<span style='width:300px;'><div style='float:left; width:250px; text-align:left;'>Base Price: </div><div style='float:left; width:50px; text-align:left;'>&pound;15.99</div><div style='float:left; width:250px; text-align:left;'>Remote Area Charge: </div><div style='float:left; width:50px; text-align:left;'>&pound;0.00</div><div style='float:left; width:250px; text-align:left;'>Number of Packages: </div><div style='float:left; width:50px; text-align:left;'>1</div><div style='float:left; width:250px; text-align:left;'>Sub total: </div><div style='float:left; width:50px; text-align:left;'>&pound;15.99</div><div style='float:left; width:250px; text-align:left;'>VAT: </div><div style='float:left; width:50px; text-align:left;'>&pound;3.20</div><div style='float:left; width:250px; text-align:left;'>Grand Total: </div><div style='float:left; width:50px; text-align:left;'>&pound;19.19</div></span></a> 
               <div class="red-star">*</div>           </div> 
              <div class="info gray-border "> 
               <a href="#" class="flyout"><img src="/parcel3/web/img/images/info-icon.png" alt="" /><span>Delivery before 9am on next working day to most of the UK. Door to door service. Each consignment covered for compensation up to a maximum of &pound;50.00 as standard. Trackable on line. Full support and backup. Fast and reliable courier service from a top courier company.</span></a> 
              </div> 
              <div class="info gray-border" style="background:none;"> 
              <img src="/parcel3/web/img/images/question.png" alt="Collection today can only be shown when a collection postcode has been supplied" title="Collection today can only be shown when a collection postcode has been supplied" />           </div> 
              <div class="printer-needed gray-border"> 
              <img src="/parcel3/web/img/images/available.png" alt="Available" title="A printer is needed for this service. You will need to print shipping labels and attach them to your parcel" />           </div> 
              <div class="enhanced gray-border"> 
              <img src="/parcel3/web/img/images/available.png" alt="Available" title="Available" />           </div> 
              <div class="drop-off gray-border"> 
              <img src="/parcel3/web/img/images/available.png" alt="Available" title="Available" />           </div> 
             </div> 
             <div class="green-button"> 
              <button type="button" value="21" class="book" onclick="javascript:addPackageDetails('/parcel3/web/index/addPackageDetails','21');">Book</button>          </div> 
            </div> 
                </div> 
                <div class="vat-extra">* Plus VAT</div> 
           <div class="clear"></div> 
     <input name='data[packageOptions][0]' type='hidden' value='' id='packageOptions_0'/> 
     <input name='data[hdnChoosePackage]' type='hidden' value='1'/> 
    </form> 
    </div> 
<div class="dis-opt-box-bottom"></div> 
</div> 

このHTMLはAjaxから返されたものです。私はinnerHTMLを使ってこのHTMLをDIVに追加しようとします。 Firefox、IE9、Crome、Safariでは正常に動作していますが、IE8では動作しません。

誰でも助けてくれますか？

私は応答として、このHTMLを持って、このコード

document.getElementById('chooseDetail').innerHTML = response; 

を使用していますが、IE8では動作しません。

Answer 1

私はIE8の方がコンテンツの挿入が少し厳しいと思いますが、代わりにinnerHTMLを実行しなければならないかもしれません。

Answer 2

<br>を<br/>に置き換えてください。いくつかのIEのバージョンは、有効なHTMLタグを持っていることに関して本当に厳格です。