Передача переменной JS в getElementById

Question

Я работаю на небольшом веб-сайте, где я хочу переключать вкладки на основе переменной, переданной в URL-адресе. Вот логика, которую я написал в настоящее время.

var hash = window.location.href.split("#"); 
var count = hash.length; 
if(count > 0){ 
    var blockid = hash[1]; 

    document.getElementById(hash[1]).css("display","block"); 
    //document.getElementById("showthisdiv").css("display","block"); - this works 

    document.getElementById("broken_href").innerHTML = blockid; 
} 

    <div class="broken_href"> </div> 

hash [1] - это имя div, в котором я хочу изменить стиль. Если я изменил хэш [1] и напишу имя div в GetElementById, он отлично работает. Также, чтобы проверить, что я создал фиктивный div, чтобы увидеть, какое значение удерживается блокиром. Он передает значение правильно.

URL для тестирования будет что-то вроде:

http://localhost/test/#showthisdiv 

Что мне нужно сделать, чтобы решить эту проблему?

Answer 1

Эта строка ваша проблема

document.getElementById(hash[1]).css("display","block"); 

Этот метод .css является метод JQuery и не доступен в базовой Javascript.

Вы могли бы использовать:

document.getElementById(hash[1]).style.display = "block"; 

Или включают JQuery и использование:

$("#"+hash[1]).css("display","block"); 

Answer 2

Вы пытаетесь использовать CSS метод JQuery на DOM узла, а не на JQ объекта

использовать вместо:

$('#'+hash[1]).show(); 

Answer 3

Использование

var hash = window.location.hash; 

, а затем

document.getElementById(hash.substring(1)).style.display = "block"; 

Если вы используете jQuery yo и может сделать это непосредственно:

var hash = window.location.hash; 
... 
$(hash).show(); 

window.location.hash возвращает значение, как это: #some-hash. Это является причиной того, что вам нужно использовать substring(1) при вызове getElementById.