InnerHTML funktioniert nicht in IE8 mit Javascript

<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>

Dieses HTML wurde von Ajax Antwort erhalten. Ich versuche gerade, diesen HTML in DIV mit innerHTML hinzuzufügen. Es funktioniert gut in Firefox, IE9, Crome, Safari, funktioniert aber nicht in IE8.InnerHTML funktioniert nicht in IE8 mit Javascript

Kann mir jemand helfen?

bekam ich diesen HTML-Code als Antwort und dieser Code

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

Aber nicht funktioniert in IE8 verwenden.

Quelle

2012-04-04 Jimesh Gajera

Wir müssen Ihren vollständigen AJAX-Code sehen, der eigentliche Inhalt, den Sie dem DOM hinzufügen möchten, sollte irrelevant sein. – DaveRandom

Ihr 'innerHTML' Setter ruft' innerText' – Churk

Ihre Frage sagt "innerHTML" aber Ihr Code sagt "innerText". Hast du innerHTML ausprobiert? –

Ich denke, IE8 ist ein wenig strenger mit dem Inhalt, den Sie einfügen, müssen Sie möglicherweise innereHTML ausführen, um dies zu arbeiten.

Quelle

2012-04-04 11:34:36

Danke an alle. es funktioniert gut mit $ ('# chooseDetail'). html (antwort); in IE8 auch. –

Versuchen Sie, Ihre <br> durch <br/> zu ersetzen. Einige IE-Versionen sind sehr streng mit gültigen HTML-Tags.

Quelle

2012-04-04 11:59:32

Nein, es funktioniert nicht, ich denke, ein anderes Problem ist da. –

InnerHTML funktioniert nicht in IE8 mit Javascript

Antwort

Verwandte Themen