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在DIV中添加此HTML。它在Firefox，IE9，Crome，Safari中运行良好，但在IE8中不起作用。

任何人都可以帮助我吗？

我将此HTML作为响应并使用此代码

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

但在IE8中不起作用。

Answer 1

我认为IE8对你插入的内容有点严格，你可能需要运行innerHTML才能让它工作。

Answer 2

尝试将<br>替换为<br/>。有些IE版本对于拥有有效的HTML标签非常严格。

innerHTML使用javascript无法在IE8中运行

2 个答案: