使用.classList和.toggle的JavaScript函數在IE8中不起作用

Question

我有一個函數，它可以根據點擊簡單地更改元素的類。它工作正常，但IE8。任何援助將是偉大的！

這是函數：

function attachToggleReportType (elem) { 
    elem.addEventListener('change', toggleReportType); 
} 

function toggleReportType() { 
var reportOptions = document.querySelectorAll('.report'), 
    reportIncToggle = document.querySelectorAll('.toggle'); 

reportSample({ 
    href: this.getAttribute('data-sample-report-link'), 
    src: this.getAttribute('data-sample-report-image') 
}); 

reportIncToggle.forEach(toggleInclude); 

    var report_type = $(this).find('input[type=radio]').val(); 
    report_type = (report_type == 1 ? 'Verified' : 'Claims'); 
    // analytics.updateType(report_type); 
} 

function toggleInclude (item) { 
    item.classList.toggle('notIncluded'); 
    item.classList.toggle('included'); 
} 

HTML

<li class="larger toggle notIncluded"> 
    <span>Cross-Canada lien search</span> 
    <br> 
    Exclusive to CARPROOF <strong>Verified</strong> reports, we’ll tell you if there’s money owing on the vehicle. 
</li> 

Answer 1

它看起來像你使用jQuery，它提供了對元素操縱類跨瀏覽器支持。此外forEach沒有在IE 8

classList browser support

forEach browser support

jQuery的

$('.elementClass').toggleClass('className'); 

JSFiddle支持（不包括jQuery和支持IE8）

Answer 2

classList是not supported by IE8 or 9。由於您已經在使用jQuery，因此您應該只使用：jQuery.toggleClass。

$(item).toggleClass('notIncluded included');