JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<a class="clickmelink" style="background-color: pink;">нажми на меня</a>


<td class="test-class">
							<a class="main-menu-item" data-url="/gallery" href="http://karkas.nanosfera.ru/gallery">Галерея ДОК</a>
							<div class="main-submenu">
                                <div class="layout">
                                    <ul class="main-submenu-list clear" style="padding-top: 10px; padding-bottom: 25px;">
										 <li>
                                            <ul>
												<li><a class="main-submenu-item" href="/gallery">Галерея ДОК</a></li>
												<li><a class="main-submenu-item" href="/catalogue/review">ДОК своими глазами</a></li>
                                            </ul>
                                        </li>
										<li>
                                            <ul>
												<li><a class="main-submenu-item" href="/gallery?path=Видео/А. Гордон">Звёзды в ДОК</a></li>
												<li><a class="main-submenu-item" href="/catalogue/collections">Коллекции ДОК</a></li>
												<li><a class="main-submenu-item" href="/dok/articles">Полезная информация</a></li>
                                            </ul>
                                        </li>
										<li>
                                            <ul>
												<li><a class="main-submenu-item" href="/gallery?path=Дизайн-проекты/Рейн/1">Дизайн-проекты</a></li>
                                                <li><a class="main-submenu-item" href="/dok/photo">Фото-СТРОЙ</a></li>
												<li><a class="main-submenu-item" href="/dok/video">Видео</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
						</td>

CSS

.hover {
  background: red;
}

JavaScript

document.body.onload = function() 
    {
        setTimeout(function()
                   {
    var clickMeBitch = document.querySelector('.clickmelink');
    var addClassMenu = document.querySelector('.test-class');
            
    clickMeBitch.addEventListener ('click', function () {
    console.log('asd');
    addClassMenu.classList.add('hover');
    });
        }, 1000); }