Как изменить класс начальной загрузки ссылки после нажатия другой? - PullRequest
Новая
       0

Как изменить класс начальной загрузки ссылки после нажатия другой?

0 голосов
/ 13 февраля 2019

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

<a href="link1"> link to be clicked </a>
<a href="link2" id="x" name = "x" class="btn btn-info btn-sm disabled">link to be changed</a>

Ответы [ 2 ]

0 голосов
/ 13 февраля 2019

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

<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/css/bootstrap.min.css"/>
</head>
<body>
 <a href='#' OnClick = "document.getElementById('2').removeAttribute('Class');document.getElementById('2').setAttribute('Class','btn btn-info btn-sm disabled');" > link 
   to be clicked </a>
   <a href="link2" Class='btn btn-info btn-sm' id="2" name = "2"> link to be disabled </a>
</body>
</html>
0 голосов
/ 13 февраля 2019

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

<a href="#" onClick='document.getElementById("2").style.display = "none"'>link to be clicked </a>
<a href="#" id="2" name = "2">link to be disabled</a>

РЕДАКТИРОВАТЬ: только что заметил, что вы обновили свой вопрос, вы можете попробовать это, он добавляет отключеннуюкласс по ссылке. 

<a href="#" onClick='document.getElementById("2").classList.add("disabled")'>link to be clicked </a>
<a href="#" id="2" name = "2">link to be disabled</a>

Подробнее об отключенном классе вы можете прочитать в документации по загрузке здесь: https://getbootstrap.com/docs/4.0/components/buttons/#disabled-state

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...