Как изменить элемент глобально?

Ссылка скопирована
1 ответ

Есть ли способ удалить или изменить элемент глобально? То есть, пользователь сделал какое-то действие на сайте, например нажал на кнопку, где сработал обработчик событий, который к примеру изменил заголовок сайта, понятно, что этот заголовок измениться лишь в данной сессии. После перегрузки, или зайдя с другого устройства он вернется в исходное положение.

Дополнительно:

Есть - запись в базу данных называется.

  • Как удалить элемент глобально

    который к примеру изменил заголовок сайта

    удобно прописывать например запись на прием в js

    Три абсолютно не связанные вещи.
    Причём тут удаление элемента?
    Причём тут изменение заголовка сайта?
    И как со всем этим связана запись на приём? Так ещё и в js?

    JS живёт в браузере. Через js можно: удалять, добавлять, изменять элементы вплоть до генерации всей страницы. Можно отправлять запросы на сервер.

    Вам бы, судя по тексту, определиться для начала чего Вы хотите и зачем оно Вам надо.

  • Добавить бэкенд, который будет сохранять в базу присланные с фронтенда изменения.

    Ответ который дал Сергей Горностаев, правильный. Но если нет возможности или желания использовать backend, то можно также реализовать это через localStorage, но в нем, естественно, есть свои ограничения.

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Андрей PHP Ответ

    Для того чтобы изменить элемент глобально веб-страницы, вы можете воспользоваться CSS переменными (Custom Properties). CSS переменные позволяют определить значения, которые могут быть использованы в различных местах вашего стиля.

    Прежде всего, вам необходимо определить свою переменную в блоке :root вашего CSS файла. :root представляет собой высший уровень в древе CSS и позволяет определить глобальные переменные. Например, вы можете создать переменную для цвета текста:

    :root {
      --text-color: #333;
    }

    :root { --text-color: #333; }

    Затем вы можете использовать эту переменную в любом месте вашего CSS файла, указав var(--text-color):

    body {
      color: var(--text-color);
    }

    body { color: var(--text-color); }

    Теперь, если вам нужно изменить цвет текста глобально, вам нужно будет просто изменить значение переменной --text-color в :root, и это изменение автоматически отразится на всех элементах, где используется эта переменная.

    Это позволяет легко управлять изменениями в дизайне вашего сайта, не переписывая стили каждого элемента отдельно. Помните, что поддержка CSS переменных может отличаться в различных браузерах, поэтому перед использованием рекомендуется проверить совместимость с вашими целевыми браузерами.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно