JavaScript — как изменить свойство другого элемента

Пример на JavaScript. Ищем определенное свойство в элементе. Если такое свойство существует, то вешаем другое свойство на другой элемент.

Та же самая задача проще делается с помощью jQuery. Однако бывает необходимость править код написанный на чистом JavaScript. Для этих случае важно знать и JS.

Задача следующая. Имеем элемент, при наведении курсора на который, всплывает подсказка. Так называемый tooltip. На разных страницах они могут быть оформлены по-своему. Если в нём будет находиться специальное свойство, надо вывести эту подсказку с изменённым стилем. В этом новом свойстве будем добавлять иконку.

Как обратиться к элементу через if

Имеем следующую HTML структуру:

В js файле обращаемся к этому элементу. Проверяем, если он существует, т.е. отличный от null, значит что-то делаем.

Допустим у нас есть функция выводящая эту подсказку. В неё необходимо встроить проверку на определенный класс и добавить новый:

Подробно разбираем пример

В примере выше есть переменная с названием elem. Она создаёт элемент div (а может делать и что-то другое). Нам нужно именно к этому элементу прикрепить новые свойства.

Допустим у этого элемента есть свойство main:

Тогда наша функция, в этот элемент вставит новый класс (при наличии на странице свойства get-new-style). Получится:

Для самого класса new-style мы напишем в файле style.css нужные нам свойства, например вставим иконку от текста слева:

Привет. Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "JavaScript — как изменить свойство другого элемента".

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