Имя каждого первого элемента на странице не обязательно должно быть квадратными скобками. В JavaScript, элементы на странице могут быть доступны при помощи различных методов, таких как getElementById, querySelector, getElementsByTagName и других.
Однако, если вы обратили внимание на то, что имя каждого первого элемента на странице в некоторых случаях выглядит как квадратные скобки (например, [object HTMLDivElement]), это означает, что вы пытаетесь вывести сам объект элемента, а не его текстовое содержимое или определенное свойство.
В JavaScript, элементы на странице имеют свою структуру, представленную в виде объекта. Этот объект содержит различные свойства и методы для работы с элементом. Когда вы просто выводите объект элемента без конкретизации, JavaScript преобразует его в строку и отображает его [object HTMLDivElement], где HTMLDivElement - это тип элемента (в данном случае, это div). Такое отображение может иметь место при использовании функций, таких как console.log, для вывода в консоль.
Если вы хотите получить конкретные данные из элемента, такие как его содержимое или значения его свойств, вам необходимо обратиться к соответствующим свойствам объекта элемента. Например, для получения текстового содержимого элемента, вы можете использовать свойство innerText или textContent.
Вот пример:
var firstElement = document.querySelector("div"); // выбрать первый div элемент на странице
console.log(firstElement.innerText); // вывести текстовое содержимое первого элемента
Это выведет на консоль текстовое содержимое первого div элемента на странице.
Таким образом, квадратные скобки не являются обязательными для представления имени каждого первого элемента на странице. Они могут появиться только в случае вывода объекта элемента без указания его конкретных свойств или методов.