<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">£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;'>£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;'>£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;'>£15.99</div><div style='float:left; width:250px; text-align:left;'>VAT: </div><div style='float:left; width:50px; text-align:left;'>£3.20</div><div style='float:left; width:250px; text-align:left;'>Grand Total: </div><div style='float:left; width:50px; text-align:left;'>£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 £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 中不起作用。