Как изменить цвет панели навигации в Javascript?

1

Как в панели навигации

если я нажимаю на вопросы, цвет его должен быть заменен вместо оранжевой линии.

может ли кто-нибудь помочь? Изображение 174551

  • 0
    я думаю, вы можете добавить свойство color и background-color в CSS
Теги:
navigationbar

4 ответа

1
Лучший ответ

Вы можете добавить слушателя на свою кнопку, и когда вы нажмете его, измените его цвет. Вы можете сделать это, например:

var button = document.getElementById('myButton');
button.addEventListener('click', function(e) { 
  button.style.backgroundColor = "red";
});

Вы также можете изменить класс CSS своей кнопки, а не изменять его цвет непосредственно с помощью javascript:

var button = document.getElementById('myButton');
button.addEventListener('click', function(e) { 
  button.className = 'selected';
});

CSS:

.selected
{
  background-color: red;
}
Поделиться
  • 0
    Скажите, поможет ли это вам @KeerthiReddyYeruva
  • 0
    Я использовал стиль CSS. Большое спасибо.
0

Вы можете сделать это с помощью javascript:

document.getElementById("elementId").style.backgroundColor = "blue";
Поделиться
0

Попробуйте этот ответ

function getElementById_Click() {
    document.getElementById("example").style.backgroundColor = "red";
}

function getElementsByClassName_Click() {
    document.getElementsByClassName("example")[2].style.backgroundColor = "red";
}
<!DOCTYPE html>
<html>
<head>
<style>
.example, #example {
    border: 1px solid black;
    margin: 5px;
}
</style>
</head>
<body>

<div class="example ">
This is getElementsByClassName Example 1
</div>

<div id="example">
This is getElementById Example 
</div>
<div class="example">
This is getElementsByClassName Example 2
</div>
<div class="example">
This is getElementsByClassName Example 3
</div>
<div class="example">
This is getElementsByClassName Example 4
</div>

<button type="button" onclick="getElementById_Click()" >GET ELEMENT BY ID</button>
<button type="button" onclick="getElementsByClassName_Click()" >GET ELEMENT BY CLASS</button>



</body>
</html>
Поделиться
  • 0
    @Keerthi Reddy Yeruva попробуй это. надеюсь, это будет работать для вас
  • 0
    это на той же странице @Faraz. Я хочу перейти на другую страницу, и вкладка конкретной страницы должна быть выделена
0

Если вы используете Chrome в качестве своего веб-браузера, вы можете открыть консоль и скопировать код ниже:

document.getElementById("nav-questions").style.backgroundColor = "red"

Затем вы можете увидеть цвет фона вопроса Nav. Изображение 174551

Изображение 174551

Поделиться
  • 0
    когда я нажимаю на другую вкладку стиль, который я не отражаю
  • 0
    Каждая вкладка навигации имеет свой собственный идентификатор элемента, вы должны узнать его, а затем зарегистрировать событие «изменение цвета» при нажатии на вкладку.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню