我需要帮助，如何将CSS中的linkstyles类添加到页面上的链接中

2024-05-20 • 问答

我正在使用按钮。我必须有一个工作功能，该功能将从我的CSS添加.linkStyles类到页面上的所有链接。该功能的目的是使按钮在单击时样式化所有链接。我会很感激的！！

year   month   reason_a  reason_c  
2001       1        1         0
2001       2        0         0
2001       3        0         4
2005       1        4         3

这是html部分：

var changeLinks = function () {
  document.getElementsByTagName("li").classList.toggle("linkStyles");
}

$("li").onclick = changeLinks;

这是css部分

<ul>
  <li><a href="#"></a>Home</li>
  <li><a href="#"></a>About</li>
  <li><a href="#"></a>Contact</li>
  <li><a href="#"></a>FAQ</li>
</ul>

<section id="section2">
  <button type="button" id="links">Links Button</button>
</section>

yyy830ning 回答：我需要帮助，如何将CSS中的linkstyles类添加到页面上的链接中

尝试使用以下代码更新Javascipt

$('#links').click(function(){
        $("li").toggleClass("linkStyles");
  });

.linkStyles{
    font-weight: bold;
    text-decoration: underline;
    text-decoration-style: dotted;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li><a href="#"></a>Home</li>
  <li><a href="#"></a>About</li>
  <li><a href="#"></a>Contact</li>
  <li><a href="#"></a>FAQ</li>
</ul> 

<section id="section2">
  <button type="button" id="links">Links Button</button>
</section>

css function javascript

本文链接：https://www.f2er.com/3120154.html

我需要帮助，如何将CSS中的linkstyles类添加到页面上的链接中

yyy830ning 回答：我需要帮助，如何将CSS中的linkstyles类添加到页面上的链接中

大家都在问