我想使用CSS更改类的属性值 [英] I want to change attribute value of a class using CSS

问题描述

我想使用CSS更改类的属性值。例如： HTML代码为：

<a href="https://www.google.com/" title="My Account"> My Account </a>

假设我需要将HREF更改为href="https://www.stackoverflow.com/"，或者我可能希望将标题更改为title="Go To Your Account"

我希望使用CSS完成此操作。我使用此CSS代码更改了title属性，但它隐藏了元素本身

    a[title="My Account"]{
          visibility:hidden;
    }
    a[title="My Account"]:before{
          content: "Go To Your Account|";
    }

推荐答案

您可以使用javascript..您还可以使用jQuery库来编写更少的代码

<a id="my_acc" href="#acc" title="My Account"> My Account </a>


<script>
var my_acc = document.getElementById("my_acc");
my_acc.addEventListener("click", function(){
    this.setAttribute("title", "Go to your Account");
});
</script>

N：要使用事件侦听器，您需要在html中的body标记末尾添加javascript

这篇关于我想使用CSS更改类的属性值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！