Пропадает hover после выполнения функции

@www_www · Регистрация: 23.04.2018

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Я задаю параметры для наведения в css, но после выполнения функции они пропадают.
Подскажите, есть ли способ прописать наведение как-нибудь иначе?
Или может кто-то знает, как его вызвать в функции в виде document.getElementByClassName('classh1' ).hover?
Код примера ниже:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
.classh1{
        background-color: orange;
        color: black;
    }
    .classh1:hover{
        background-color: black;
        color: orange;
    }
    #one{
        background-color: black;
        color: orange;
    }

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function go(){
        var h1 = document.createElement('h1');
        h1.className="classh1";
        h1.id="one";
        h1.textContent="Text1";
        h1.onclick=function r(){
            document.getElementById('one').style.backgroundColor="black";
            document.getElementById('one').style.color="orange";
            document.getElementById('two').style.backgroundColor="orange";
            document.getElementById('two').style.color="black";
        }
        document.body.appendChild(h1);
        var h1 = document.createElement('h1');
        h1.className="classh1";
        h1.id="two";
        h1.textContent="Text2";
        h1.onclick=function r(){
            document.getElementById('one').style.backgroundColor="orange";
            document.getElementById('one').style.color="black";
            document.getElementById('two').style.backgroundColor="black";
            document.getElementById('two').style.color="orange";
        }
        document.body.appendChild(h1);

@Mr_Sergo · 26.04.2019, 13:14

www_www,

https://codepen.io/Mr_Sergo/pen/OGrewK

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
go(
    2,  // Индекс активного элемента
    5   // Кол-во элементов
);
 
function go(ind,count){
    for(let i = 0; i < count; i++) document.body.innerHTML += `<h1 class="classh1">Text${i+1}</h1>`;
 
    let classh1 = document.querySelectorAll('.classh1'), num = classh1[ind], old = num;
    num.classList.add('active');
    
    document.addEventListener('click',e => {
        if(e.target.classList.contains('classh1')){
            old.classList.remove('active');
            e.target.classList.contains('active') ? e.target.classList.remove('active') : e.target.classList.add('active');
            old = classh1[[...classh1].indexOf(e.target)];
        }
    });
}

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.classh1{
    background-color: orange;
    color: black;
}
 
.classh1:hover{
    background-color: black;
    color: orange;
}
 
.active{
    background-color: black;
    color: orange;
}

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/