单击另一个链接后如何更改链接的引导类？答案

【问题标题】：How to change the bootstrap class of a link after another one is clicked?单击另一个链接后如何更改链接的引导类？
【发布时间】：2019-02-13 20:15:35
【问题描述】：

我希望在单击链接时更改链接的引导类。

<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>

【问题讨论】：

链接没有disabled 属性，这是表单控件的东西。像“javascript disable link”这样的搜索词很容易把你带到stackoverflow.com/questions/5376444/…
@04FS 我正在使用引导程序
关于这个特定问题，这与任何事情有什么关系？
@04FS 使用 bootstrap 我们可以添加一个具有 disabled 属性的类，
@04FS 好吧，我可以修改这样的问题：单击另一个链接后如何更改链接的类

标签： javascript php html bootstrap-4

【解决方案1】：

假设您不想点击链接，您可以随时使用 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

【讨论】：

【解决方案2】：

您可以如下更改您的代码，它将帮助您轻松实现您的要求。

<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>

【讨论】：