Если элемент с идентификатором имеет как класс

Question

То, что я сейчас

function setMenuCurrentTo(variable) 
{ 
document.getElementById("game_" + variable).style.display = "block"; 
var elems = document.getElementsByClassName("current_nav"); 

for (var i=elems.length; i--;) { 
elems[i].style.display = "none"; 
elems[i].className = 'none'; 
} 
document.getElementById("game_" + variable).className="current_nav"; 
} 
} 

Так что, когда я нажимаю тег с определенным элементом (переменной) она добавляет содержание и «шкуры» еще один. Но есть ошибка, когда я дважды нажимаю одну кнопку, содержимое исчезает, и у меня больше нет контента.

Так что я попробовал этот код:

function setMenuCurrentTo(variable) 
{ 
document.getElementById("game_" + variable).style.display = "block"; 
if (getElementById("game_" + variable).hasClass("current_nav")) { 
} 
else { 
var elems = document.getElementsByClassName("current_nav"); 

for (var i=elems.length; i--;) { 
elems[i].style.display = "none"; 
elems[i].className = 'none'; 
} 
document.getElementById("game_" + variable).className="current_nav"; 
} 

В

if (getElementById("game_" + variable).hasClass("current_nav")) {} else { 

сделать код не работает, появляется содержание, но никаких других "шкур". В чем проблема в моем коде? Спасибо, я очень новичок в JavaScript, вчера мне помог исходный код. Еще раз спасибо.

EDIT:

я получил правильный ответ: от wroniasty

function setMenuCurrentTo(variable) 
{ 
document.getElementById("game_" + variable).style.display = "block"; 
if (jQuery('#game_' + variable).hasClass('current_nav')) { 
} 
else { 
var elems = document.getElementsByClassName("current_nav"); 

for (var i=elems.length; i--;) { 
elems[i].style.display = "none"; 
elems[i].className = 'none'; 
} 
document.getElementById("game_" + variable).className="current_nav"; 
} 
} 

Answer 1

getElementById возвращает DOMNode и нет hasClass метода DOMNode.

Вы можете использовать библиотеку, как JQuery:

jQuery('#game_' + variable).hasClass('current_nav') 

Answer 2

hasClass функция JQuery и не будет работать в обычном JavaScript. Вы должны соответствовать против атрибута элемента className вместо:

Замените эту строку с:

if (getElementById("game_" + variable).className.match(/\bcurrent_nav\b/)) {} else { 

Это будет соответствовать элементу, даже если она содержит несколько имен классов.

Для получения более подробной информации см. "hasClass" with javascript?.

Answer 3

Используйте элемент .classList property элемента DOM.

getElementById("game_" + variable).classList.contains("current_nav") 

Патчи доступны для старых браузеров (хотя обычно не IE6/7, если вы хотите его прототип).

Answer 4

Существует нет метода hasClass на внутренних объектах DOM. Вы можете использовать classList:

elem.classList.add('foo') 
elem.classList.contains('foo') 

Или разделить className:

elem.className.split(/\s+/).indexOf('foo') !== -1 

classList не поддерживается в IE 9 и ниже, но вы можете получить подкладку, если вам действительно нужно. Разделение className с регулярным выражением будет работать отлично, без одного.

Кроме того, я хотел бы попробовать попробовать jQuery.Вы можете упростить код:

function setMenuCurrentTo(name) { 
    $('.current_nav').hide(); 
    $('#game_' + name).show().addClass('current_nav'); 
}