Я хотел бы знать, в чем именно разница междуquerySelector а такжеquerySelectorAll противgetElementsByClassName а также ?getElementById

Отэта ссылка Я мог бы собрать это сquerySelector я могу написатьdocument.querySelector(".myclass") чтобы получить элементы с классомmyclass а такжеdocument.querySelector("#myid") получить элемент с идентификаторомmyid, Но я уже могу это сделатьgetElementsByClassName а такжеgetElementById, Какой из них должен быть предпочтительным?

Также я работаю вXPages где идентификатор динамически генерируется с двоеточием и выглядит следующим образомview:_id1:inputText1, Поэтому, когда я пишуdocument.querySelector("#view:_id1:inputText1") это нет работа. Но писатьdocument.getElementById("view:_id1:inputText1") работает. Есть идеи почему?