Как говорили другие, вы не используете правильное имя функции, и оно не существует универсально во всех браузерах.
Если вам нужно делать кросс-браузерную выборку чего-либо, кроме элемента с id с document.getElementById()
, то я бы настоятельно предложил вам получить библиотеку, которая поддерживает селектора CSS3 во всех браузерах. Это сэкономит вам огромное количество времени разработки, тестирования и исправления ошибок. Самое простое - просто использовать jQuery , потому что он настолько широко доступен, имеет отличную документацию, имеет свободный доступ к CDN и имеет отличное сообщество людей, стоящих за ним, чтобы отвечать на вопросы. Если это кажется вам больше, чем вам нужно, вы можете получить Sizzle , который является только селекторной библиотекой (на самом деле это движок селектора внутри jQuery и другие). Я использовал его сам по себе в других проектах, и это легко, продуктивно и мало.
Если вы хотите сразу выбрать несколько узлов, вы можете сделать это по-разному. Если вы дадите им все тот же класс, вы можете сделать это с помощью:
var list = document.getElementsByClassName("myButton");
for (var i = 0; i < list.length; i++) {
// list[i] is a node with the desired class name
}
, и он вернет список узлов, имеющих это имя класса.
В Sizzle это будет так:
var list = Sizzle(".myButton");
for (var i = 0; i < list.length; i++) {
// list[i] is a node with the desired class name
}
В jQuery это будет так:
$(".myButton").each(function(index, element) {
// element is a node with the desired class name
});
В Sizzle и jQuery вы может поместить несколько имен классов в селектор, как это, и использовать гораздо более сложные и мощные селектор:
$(".myButton, .myInput, .homepage.gallery, #submitButton").each(function(index, element) {
// element is a node that matches the selector
});