getElementsByClassName & IE8: Đối tượng không hỗ trợ thuộc tính hoặc phương pháp này

Question

Tôi biết "getElementsByClassName" không được hỗ trợ bởi IE8. Bạn có biết tôi có thể sử dụng cái gì không? Tôi gặp khó chịu do lỗi

"Đối tượng không hỗ trợ thuộc tính hoặc phương pháp này".

Mã HTML là:

function sumar() { 
var elems = document.getElementsByClassName('verdana14 toAdd'); 
var myLength = elems.length; 
total = 0; 
for (var i = 0; i < myLength; ++i) { 
    if (elems[i].value!="") { 
     total += parseInt(elems[i].value,10); 
     } 
    } 

var promedio = total/myLength; 
parseFloat(document.getElementById('promediocal').value = promedio.toFixed(2)); 
} 

này văn bản đầu vào mà gọi hàm javascript:

<input name='AE_EA_1_BIV_003_2' type='text' class='verdana14 toAdd' id='AE_EA_1_BIV_003_2' style='width:50px' onChange='sumar()'/> 
<input name='AE_EA_1_BIV_003_3' type='text' class='verdana14 toAdd' id='AE_EA_1_BIV_003_3' style='width:50px' onChange='sumar()'/> 
<input name='AE_EA_1_BIV_003_4' type='text' class='verdana14 toAdd' id='AE_EA_1_BIV_003_4' style='width:50px' onChange='sumar()'/> 

Answer 1

sử dụng jQuery, hoặc lọc các kết quả từ getElementsByTag

Answer 2

Bạn có thể viết của riêng bạn. Một cái gì đó như:

function GEBCN(cn){ 
    if(document.getElementsByClassName) // Returns NodeList here 
     return document.getElementsByClassName(cn); 

    cn = cn.replace(/ *$/, ''); 

    if(document.querySelectorAll) // Returns NodeList here 
     return document.querySelectorAll((' ' + cn).replace(/ +/g, '.')); 

    cn = cn.replace(/^ */, ''); 

    var classes = cn.split(/ +/), clength = classes.length; 
    var els = document.getElementsByTagName('*'), elength = els.length; 
    var results = []; 
    var i, j, match; 

    for(i = 0; i < elength; i++){ 
     match = true; 
     for(j = clength; j--;) 
      if(!RegExp(' ' + classes[j] + ' ').test(' ' + els[i].className + ' ')) 
       match = false; 
     if(match) 
      results.push(els[i]); 
    } 

    // Returns Array here 
    return results; 
} 

Sẽ hoạt động khá tốt, nhưng bạn có thể viết nhanh hơn nếu muốn. Sau đó, bạn chỉ có thể thay đổi:

document.getElementsByClassName('verdana14 toAdd'); 

Để:

GEBCN('verdana14 toAdd'); 

Answer 3

Sử dụng document.querySelectorAll('.verdana14.toAdd').

Cập nhật: FWIW, tôi đã viết một số liên quan blog post.

Answer 4

getElementsByClassName phương pháp không được hỗ trợ bởi IE8.

Bạn nên sử dụng document.querySelectorAll('.classname') (công trình trong IE8 +) hoặc một thư viện mà thực hiện chức năng đó - như:

• jQuery
• Moo Tools
• DOJO
• YUI

• Prototype

  ... Trong số những người khác ...

---

querySelectorAll hỗ trợ:

http://www.quirksmode.org/dom/w3c_core.html#t13

getElementsByClassName hỗ trợ:

http://www.quirksmode.org/dom/w3c_core.html#t11

Answer 5

bạn có thể thử u hát jquery vì nó có bộ chọn lớp thay thế để lấy các phần tử theo tên lớp. $ (". Testclass") mỗi ...nó sẽ cung cấp cho bạn các yếu tố cần thiết theo tên lớp

Answer 6

Tôi đã viết thư viện nhỏ này (ít hơn 1kb) sử dụng các phương pháp gốc để lấy các phần tử dom. Nếu bạn kiểm tra phương thức className, bạn sẽ tìm thấy câu trả lời cho câu hỏi của mình.

Find JS on Github