Если вы только начинаете, Javascript может быть страшным «океаном» для плавания. Но как только вы погрузитесь в него, вы быстро поймете, что вода теплее, чем вы думаете. Мой опыт работы с Javascript был целым рядом эмоций. От «Я не понимаю, что происходит» до «ааа, я понял», а затем «как я когда-нибудь смогу принять лучшее решение?» Есть много способов сказать одно и то же и добиться того же результата. При таком огромном количестве вариантов выбор правильного пути может легко превратиться в день, наполненный тревогой и разочарованием.
Я здесь, чтобы сказать вам, что на горизонте есть надежда. Независимо от выбранного маршрута, хорошая логика может дать желаемый результат.
HTML и CSS могут сделать не так много для веб-страницы. Эти два ограничены очень статичными страницами, и вам понадобится серьезная помощь, если вы хотите оживить свои страницы. Эта помощь - Javascript! Это замечательный инструмент, призванный сделать вашу скучную страницу динамичной и интерактивной. Одним из первых шагов в расширении вашего HTML-документа является выбор конкретных элементов, которые вы хотите «обновить». Мы рассмотрим 5 основных способов выбора элемента.
Этот «отбор» можно сделать разными способами:
- мы можем получить элементы по id:
- мы можем получить элементы по имени класса:
- мы можем получить элементы по имени тега:
- мы также можем получить любой из вышеперечисленных элементов с помощью селектора запроса:
с помощью querySelector мы можем заменить любой из других методов "получения" элемента. Знак «#» представляет идентификатор, «. ’Представляет класс, и ничто впереди не будет представлять тег. Важно помнить, что querySelector будет захватывать только первый элемент, который он найдет при поиске по документу.
- если вы хотите выбрать несколько тегов «li», например, вы можете querySelectorAll:
Как только желаемый элемент выбран, возможности практически безграничны. Если вы можете себе это представить, вероятно, это можно сделать с помощью Javascript.
Вот некоторые из вещей, которые вы можете сделать:
- создание новых элементов, которые могут быть добавлены (вставлены) внутри этих элементов
- изменение внутреннего текста элементов
- прислушиваясь к «событиям» на элементах. События могут быть щелчком, отправкой, наведением курсора или любой другой формой действия пользователя, которое может быть выполнено на странице.
- формы могут быть построены внутри элементов
- классы или идентификаторы могут быть добавлены или изменены в элементе
Javascript может быть вашим лучшим другом или одним из ваших злейших врагов. Воспользуйтесь свободой написания кода на своих условиях. Примите странные причуды, связанные с такой свободой. Это забавно, странно и выделяется само по себе, это невежливо и хитро и не всегда говорит вам, почему это злится, оно любит и прощает и делает все, что вы хотите, это JAVASCRIPT, и это будут лучшие отношения любви / ненависти в вашей жизни. !
