Повторное создание селекторов jQuery

Question

Я пытаюсь воссоздать селекторы jQuery и селекторов классов. Вот то, что я до сих пор:

function $(id) { 
    return document.getElementById(id); 
} 

Если у меня есть элемент <div id="fire">Fire</div>, то я могу позвонить за это:

$('fire').style.fontSize = '36px'; 

Это работает блестяще, однако, я хочу расширить это использовать идентификатор и имя класса с # и . соответственно. То, что я пытался не работает:

http://jsfiddle.net/6t58Lc7v/

Answer 1

пример в скрипку не работает, потому что он ищет элемент с идентификатором «#fire» (с символом #). Вы должны пропустить этот символ:

function $(id) { 
    if (id.indexOf('#') == 0) { 
     return document.getElementById(id.substring(1)); 
    } 
} 

http://jsfiddle.net/6t58Lc7v/1/