Как применить скрипт к несольким id одновременно?

Question

[Филипп Гаврилов]

Есть скрипт, который запоминает информацию из текстового поля #1:

if (window.localStorage) {
  var elements = document.querySelectorAll('#1');

  for (var i = 0, length = elements.length; i < length; i++) {
    (function(element) {
      var name = element.getAttribute('name');

      element.value = localStorage.getItem(name) || '';

      element.onkeyup = function() {
        localStorage.setItem(name, element.value);
      };
    })(elements[i]);
  }
}

При добавлении поля #2, содержимое которого тоже должно запоминаться, можно продублировать скрипт с другим id. Но в будущем полей может быть ещё больше, так что не рационально.

Как забить два и более id в такой код? Так как содержимое должно быть разным, решение типа document.querySelectorAll('#1 , #2'); не подходит.

Comments

[Bhudh]

Сразу две ошибки. Id повторяться в документе не должен — раз, id начинаться с цифры не должен — два.
document.querySelectorAll с id внутри это яркий симптом говнокода.

Answer 1

[Дима Паутов]

использовать класс!!!

Comments

[tyzberd]

выводит в полях одно и тоже

потому, что нужно перебирать elements
element[i]

Answer 2

[Филипп Гаврилов]

сначала не работало, где-то была ошибка