使用CSS更改HTML标签的href属性

Question

我需要更改这个 A 标签从

<a href="contact.html" >Contact</a>

<a href="tel:[phone]" >Contact</a>

使用仅CSS（如果可能）或像这样的方法

<a href="tel:[phone]" >[phone]</a>

我有很多页面，不想逐个编辑，这将耗费一生的时间，所以我需要在CSS中完成，而且它们没有链接到JS。

- kais mellah

Answer 1

CSS只用于展示效果，无法直接修改文档对象模型。很抱歉，这是不可能完成的任务。我希望我能给您一个更好的答案，但“无法完成”是唯一的答案。

- jnovack

Answer 2

一种解决方法是隐藏一个标签并放置另一个标签。

<div id="tag1">
<a href="#tag1">link1</a>
<a href="#tag2">link2</a>
</div>

CSS：

a[href="#tag1"] {
display:block;
}

a[href="#tag2"] {
display:none;
}

#tag1:target  a[href="#tag1"]{
 display:none;
}

#tag1:target  a[href="#tag2"]{
 display:block;
}

我使用这种方法来实现菜单栏中响应式的“按钮”

- kiwi

Answer 3

CSS是用于展示，不能以你想要的方式修改HTML标记。你需要使用JavaScript。

这应该是一个相当简短的脚本。

- Anirudh Ramanathan