другой вариант функции

@Heleg · Регистрация: 23.10.2011

Студворк — интернет-сервис помощи студентам

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
function elements_by_id(elements) {
    /*
        elements = {
            'variable':'element_id'
        }
    */
 
    for(var variable in elements) {
        eval(variable + '= document.getElementById("'+ elements[variable]+'")');
    }
 
}

функция присваивает переменным dom элементы, выбирая их по id. кто нибудь может предложить другой вариант функции?

Vovan-VE · 24.12.2012, 16:06

JavaScript
1
2
3
4
5
6
7
function elements_by_id(elements) {
    var result = {};
    for (var i = 0, L = elements.length; i < L; i++)
        result[elements[i]] = document.getElementById(elements[i]);
 
    return result;
};

@Heleg · 24.12.2012, 16:26 **[ТС]**

Vovan-VE, но тут возвращается список переменных, а не присваивается переменным, которые есть в списке. или так практичней?

@Mysterious Light · 24.12.2012, 17:03

JavaScript
1
2
3
4
5
6
7
8
9
10
function elements_by_id(elements) {
 
    for(var variable in elements) {
        this[variable] = document.getElementById(elements[variable]);
    }
 
}
 
var scope = new elements_by_id({a:id_A,b:id_B});
// use: scope.a, scope.b

Гибрид ваших версий.

@GuardCat · 25.12.2012, 22:39

Нативно же можно.

JavaScript
1
2
3
function getElementsByIds( idArr ) {
  return document.querySelectorAll( "#" + idArr.join(",#") )
}

IE8+. Принимает массив id'ов. Легко можно переделать под объект, но смысла не вижу — здесь удобнее передавать именно массив.

Присвоить выданный список одной переменной можно просто. Нескольким, честно сказать, не вижу смысла — какой-то костыльный вариант

@newJS · 26.12.2012, 07:18

Сообщение от GuardCat

Присвоить выданный список одной переменной можно просто. Нескольким, честно сказать, не вижу смысла — какой-то костыльный вариант

Вот одной то как раз смысла может и не быть, если этот элемент один два раза встречается в скрипте.
А когда много элементов, то я делаю allElem={}; и сюда разными способами, чаще вообще без ИД, запихиваю ссылки на нужные мне элементы, массив глобальный, а потом обращаюсь по именам.
Смотря что писать.

@Heleg · 26.12.2012, 11:04 **[ТС]**

GuardCat, для больших программ это может быть тупо, но я вначале скрипта через var объявляю глобальные объекты, с которыми мне придется работать весь скрипт. а вот присваивать им значение приходится после. как сказал newJS, можно под них выделить один объект. querySelectorAll - это крутая штука, но пока мало где работает

@kalabuni · 26.12.2012, 13:02

Сообщение от Heleg

querySelectorAll - это крутая штука, но пока мало где работает

да вообще-то уже везде работает, включая MSIE с версии 8 -- https://developer.mozilla.org/... electorAll

@Heleg · 26.12.2012, 13:45 **[ТС]**

kalabuni, думешь, можно уже юзать, не оборачиваясь на старые версии браузеров?

@kalabuni · 26.12.2012, 14:59

Heleg, нет, так я не думаю

всё зависит от ТЗ на сайт - мей би, у вас стоит задача, чтобы даже самый первый браузер Mosaic выпуска ноября 1993 года мог страницы отображать

а вообще все эти новомодные querySelectorAll () да getElementsByClassName () не люблю и не пользуюсь ими

@GuardCat · 28.12.2012, 00:13

Heleg, а я думаю именно так. Чем меньше поддержки древностей, тем скорее все они отвалятся. Google перестал поддерживать ие7 в сервисе apps больше полутора лет назад. Поддерживать раритеты стоит только, если есть корпоративные посетители, которых заставляют пользоваться убожеством.
kalabuni, ECMAScript развивается, как и DOM/BOM. Зачем лишать себя новых возможностей? Просто дань привычке?

@kalabuni · 28.12.2012, 02:35

Сообщение от GuardCat

Зачем лишать себя новых возможностей? Просто дань привычке?

ну написал же - просто "не люблю"
кто-то не любит MSIE... другой не любит пиво...
а я вот не люблю кое-какие из нововведений

причём к querySelectorAll () "чувства" мои более мягкие, чем к getElementsByClassName ()

потому что историю включения этого метода в спецификацию представляю себе так

1. сначала придумали html

2. потом придумали css

3. чтобы облегчить внедрение css на страницах, в html ввели атрибут class
и сразу договорились, что одно и то же значение class можно присваивать одновременно множеству тегов на странице - это посчитали удобным

4. затем придумали javascript

5. через атрибут class однозначно идентифицировать тег нельзя, потому что одно и то же значение class можно присваивать нескольким тегам
придумали поэтому атрибут id и ввели его в html
договорились каждому тегу на странице давать свой уникальный id
__________________

всё это происходило ещё в прошлом веке - и окончательно "устаканено" было в спецификациях к 1999 году

однако, в 2006 году идиот Джон Резиг, придумавший программу для дураков под названием JQuery, решил зачем-то вернуться в прошлый век и использовать class для идентификации тегов
хотя, может быть, он такого вовсе и не хотел - а просто для удобства реализовал отбор элементов по селектору className

но дураки, как известно, - доминантная раса, они посчитали, что идентификация по имени class - это самое то... встречал программы, где вовсе нет id, а только class... удобно, говорят дураки - можно и идентифицировать тег, и заодно стиль ему указать...

именно поэтому в 2012 году народ возмущается - а почему это где-то в каких-то браузерах не понимают идентификации по атрибуту class
и даже удивляются - разве такое может быть?

корпорация W3C до последнего сопротивлялась давлению дураков-почитателей JQuery, но в конце-концов и она была вынуждена уступить массовому безумию - метод getElementsByClassName () теперь уже легализован
__________________

id - это фамилия_имя_отчество человека
class - это цвет его волос

и Иванов, и Петров, и Сидоров - все они могут быть одного class="рыжие", но ФИО у них у всех - разные

почитатели JQuery решили, что лучше людей не называть по именам-фамилиям, а обзывать их "брюнет1", "брюнет2",.. "рыжий15",.. "лысый21"...

и маленький пример 'для подумать' тем, кому есть чем

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<style>
/* вопрос - СКОЛЬКО здесь определено классов: один или три? */
  p.red {background-color: red}
  b.red {color: red} 
div.red {border-left: 5px solid red}
</style>
 
<body onload="alert (document.getElementsByClassName ('red').length)">
<p class="red">11111</p>
<b class="red">22222</b>
<div class="red">333</div>
<!-- а чего нам тут показывает метод getElementsByClassName ('red')? -->
</body>

@Heleg · 28.12.2012, 11:05 **[ТС]**

kalabuni, сначала хотел поспорить, но после некоторых раздумий не могу не согласиться. всё таки дурак и byClass и byId при желании может через задницу использовать, а выборка по классу порой бывает полезна.
GuardCat, я бы с радостью закопал все эти msie 6-7. но как объяснить это нерадивому заказчику, которому знакомые жалуются, что его сайт у них плохо работает в 6-ом ишаке в офисе? это, конечно, уже риторический вопрос.

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	24.12.2012, 16:26 [ТС]
	Vovan-VE, но тут возвращается список переменных, а не присваивается переменным, которые есть в списке. или так практичней? 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	26.12.2012, 11:04 [ТС]
	GuardCat, для больших программ это может быть тупо, но я вначале скрипта через var объявляю глобальные объекты, с которыми мне придется работать весь скрипт. а вот присваивать им значение приходится после. как сказал newJS, можно под них выделить один объект. querySelectorAll - это крутая штука, но пока мало где работает 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	26.12.2012, 13:45 [ТС]
	kalabuni, думешь, можно уже юзать, не оборачиваясь на старые версии браузеров? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	26.12.2012, 14:59
	Heleg, нет, так я не думаю всё зависит от ТЗ на сайт - мей би, у вас стоит задача, чтобы даже самый первый браузер Mosaic выпуска ноября 1993 года мог страницы отображать а вообще все эти новомодные querySelectorAll () да getElementsByClassName () не люблю и не пользуюсь ими 0

@GuardCat Просто любитель 626 / 464 / 120 Регистрация: 20.01.2011 Сообщений: 865 Записей в блоге: 2
	28.12.2012, 00:13
	Heleg, а я думаю именно так. Чем меньше поддержки древностей, тем скорее все они отвалятся. Google перестал поддерживать ие7 в сервисе apps больше полутора лет назад. Поддерживать раритеты стоит только, если есть корпоративные посетители, которых заставляют пользоваться убожеством. kalabuni, ECMAScript развивается, как и DOM/BOM. Зачем лишать себя новых возможностей? Просто дань привычке? 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	28.12.2012, 11:05 [ТС]
	kalabuni, сначала хотел поспорить, но после некоторых раздумий не могу не согласиться. всё таки дурак и byClass и byId при желании может через задницу использовать, а выборка по классу порой бывает полезна. GuardCat, я бы с радостью закопал все эти msie 6-7. но как объяснить это нерадивому заказчику, которому знакомые жалуются, что его сайт у них плохо работает в 6-ом ишаке в офисе? это, конечно, уже риторический вопрос. 0