Skrócenie nazwy w html DOM

Witam. Czy można jakoś napisać w javascript skrócony zapis document.getElementById() ? np. $("div"). Wiem że są biblioteki takie jak jquery ale zastanawiam sie jak zrobić taki skrót samemu, bo tylko do ID i KLAS jest mi coś takiego potrzebne. Pozdrawiam.

http://stackoverflow.com/questions/6398787/javascript-shorthand-for-getelementbyid

To powinno Ci wystarczyć dla większości przypadków:

const $ = selectors => document.querySelector(selectors);
const $$ = selectors => document.querySelectorAll(selectors);

ES5:

function $(selectors) {
  return document.querySelector(selectors);
}
function $$(selectors) {
  return document.querySelectorAll(selectors);
}

Korzystasz prawie jak z jQuery, z tą róznicą, że $ -> pojedynczy element, $$ -> wszystkie pasujące elementy w tablicy

Zaznaczę, że wyszukanie przez getElementById("id") będzie o ile dobrze pamiętam nawet kilkaset razy szybsze niż querySelector, podobnie z getElementsByClassName --- tylko przy tym ostatnim trzeba uważać - zwraca to dynamiczną listę, do której elementy się dokleją jeżeli na stronie pojawi się więcej elementów z pasującą klasą. Niewiele osób o tym wie.

Ja polecam fantastyczną, lekką bibliotekę będącą jedynie dodatkiem do natywnych metod DOM, a pozwalającą operować na obiektach w podobny sposób jak w jQuery, używając jednak natywnych metod: Bliss JS