Tài liệu.getEuityByClass không phải là một chức năng

Tôi đang cố gắng để chạy một chức năng onclickcủa bất kỳ nút nào với class="stopMusic". Tôi đang gặp lỗi trong Fireorms

document.getEuityByClass không phải là một hàm

Đây là mã của tôi:

var stopMusicExt = document.getElementByClass("stopButton");
    stopButton.onclick = function() {
        var ta = document.getElementByClass("stopButton");
        document['player'].stopMusicExt(ta.value);
        ta.value = "";
    };

Bạn có thể có nghĩa document.getElementsByClassName()(và sau đó lấy mục đầu tiên ra khỏi danh sách nút kết quả):

var stopMusicExt = document.getElementsByClassName("stopButton")[0];

stopButton.onclick = function() {
    var ta = document.getElementsByClassName("stopButton")[0];
    document['player'].stopMusicExt(ta.value);
    ta.value = "";
};

Bạn vẫn có thể gặp lỗi

document.getElementsByClassName không phải là một chức năng

tuy nhiên, trong các trình duyệt cũ hơn, trong trường hợp đó bạn có thể cung cấp triển khai dự phòng nếu bạn cần hỗ trợ các trình duyệt cũ hơn.

Như những người khác đã nói, bạn không sử dụng đúng tên hàm và nó không tồn tại chung trong tất cả các trình duyệt.

Nếu bạn cần thực hiện tìm nạp nhiều trình duyệt khác với bất kỳ phần tử nào có id document.getElementById(), thì tôi khuyên bạn nên có một thư viện hỗ trợ các bộ chọn CSS3 trên tất cả các trình duyệt. Nó sẽ giúp bạn tiết kiệm một lượng lớn thời gian phát triển, thử nghiệm và sửa lỗi. Cách dễ nhất là chỉ sử dụng jQuery vì nó có sẵn rộng rãi, có tài liệu tuyệt vời, có quyền truy cập CDN miễn phí và có một cộng đồng tuyệt vời gồm những người đứng sau nó để trả lời các câu hỏi. Nếu điều đó có vẻ như nhiều hơn bạn cần, thì bạn có thể lấy Sizzle chỉ là một thư viện bộ chọn (thực ra nó là công cụ chọn bên trong jQuery và các công cụ khác). Tôi đã sử dụng nó trong các dự án khác và nó dễ dàng, năng suất và nhỏ.

Nếu bạn muốn chọn nhiều nút cùng một lúc, bạn có thể thực hiện nhiều cách khác nhau. Nếu bạn cung cấp cho họ tất cả cùng một lớp, bạn có thể làm điều đó với:

var list = document.getElementsByClassName("myButton");
for (var i = 0; i < list.length; i++) {
    // list[i] is a node with the desired class name
}

và nó sẽ trả về một danh sách các nút có tên lớp đó.

Trong Sizzle, nó sẽ là thế này:

var list = Sizzle(".myButton");
for (var i = 0; i < list.length; i++) {
    // list[i] is a node with the desired class name
}

Trong jQuery, nó sẽ là thế này:

$(".myButton").each(function(index, element) {
    // element is a node with the desired class name
});

Trong cả Sizzle và jQuery, bạn có thể đặt nhiều tên lớp vào bộ chọn như thế này và sử dụng các bộ chọn mạnh mẽ và phức tạp hơn nhiều:

$(".myButton, .myInput, .homepage.gallery, #submitButton").each(function(index, element) {
    // element is a node that matches the selector
});

Trước khi nhảy vào kiểm tra lỗi thêm, trước tiên hãy kiểm tra xem

document.getEuity s ByClassName () chính nó.

kiểm tra lại getElement nó s và không getElement

Nó nên getElementsByClassName, và không getElementByClass. Xem điều này - https://developer.mozilla.org/en/DOM/document.getElementsByClassName .

Lưu ý rằng một số trình duyệt / phiên bản có thể không hỗ trợ này.

document.querySelectorAll hoạt động khá tốt và cho phép bạn thu hẹp hơn nữa lựa chọn của bạn.

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector ALL

bạn đánh vần sai, nó phải là "getElementsByClassName",

var objs = document.getElementsByClassName("stopButton");
var stopMusicExt = objs[0]; //retrieve the first node in the stack

//your remaining function goes down here.. 
document['player'].stopMusicExt(ta.value);
ta.value = "";

document.getElementsByClassName - trả về một chồng các nút có nhiều hơn một mục, vì các thuộc tính Class được sử dụng để gán cho nhiều đối tượng ...

    enter code here
var stopMusicExt = document.getElementByClass("stopButton").value;
    stopButton.onclick = function() {
        var ta = document.getElementByClass("stopButton");
        document['player'].stopMusicExt(ta.value);
        ta.value = "";
    };


// .value will hold all data from class stopButton

Các getElementByClasskhông tồn tại, có lẽ bạn muốn sử dụng getElementsByClassName. Tuy nhiên, bạn có thể sử dụng phương pháp thay thế (được sử dụng trong các mẫu angular / vue / Reac ...)

function stop(ta) {
  console.log(ta.value) // document['player'].stopMusicExt(ta.value);
  ta.value='';
}

<input type="button" onclick="stop(this)" class="stopMusic" value='Stop 1'>
<input type="button" onclick="stop(this)" class="stopMusic" value='Stop 2'>

Nếu bạn đã viết "getEuityByClassName" này thì bạn sẽ gặp phải lỗi này "document.getEuityByClass không phải là một hàm" vì vậy để khắc phục lỗi đó, chỉ cần viết "getElementsByClassName". Bởi vì nó phải là Element chứ không phải Element.