вставка переменной в style.display
 

Здравствуйте!

Извините, может наивный вопрос, подскажите пожалуйста, можно вставить значение переменной в строку style.display?

Т.е. есть функция, которая открывает тот или иной блок. В неё передается номер блока.
Сейчас это реализовано так:

function oppen(numer)
{ 
  if (numer == 1) sloy1.style.display = "block";
  if (numer == 2) sloy2.style.display = "block";
  if (numer == 3) sloy3.style.display = "block";

}

ну а дальше показывается соответственно слой с идентификатором sloy1 или sloy2 и т.д.

А возможно как-то написать это одной строкой, что-то типа:

function oppen(numer)
{ 
  var element = 'sloy'+ numer;
 
  element.style.display = "block";

}

Вроде написано логично, но не работает. :cray: Я пробовал ещё много разных вариантов и сразу в строку, без переменной, и с различными кавычками и с плюсом и с точкой - никак не работает. Видимо "дьявол кроется в мелочах", но где??

Да. :yes:
Если использовать массивы.

Stalker69,

function oppen(numer)
{
  document.querySelectorAll("[id^=sloy]")[--numer].style.display = "block";
}

рони,

тогда уж проще document.querySelector("#sloy" + numer)

Alexandroppolus,
да можно и так :)

Спасибо, рони и Alexandroppolus! Всё заработало! :)