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.
0
1
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
0
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.
0
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