gpt4 book ai didi

javascript - 显示悬停而不是 Href 进行条件检查

转载 作者:行者123 更新时间:2023-11-30 14:07:10 25 4
gpt4 key购买 nike

我有一个非常基本的 html 要求,在某些参数值上,我需要隐藏文本上的超链接并显示文本上的悬停。

下面是我的测试 html。当 accesscode =10 时,我应该如何处理我的 Javascript,我应该只显示 hover 而不是 href?

<!DOCTYPE html>
<html>

<body>
<h1>test Heading</h1>
<p>Test screen.</p>

<a id="tagUrl" class="button" href='https://growthModeltest.com' target="_blank" rel="MonthlyReport">Learn More</a>

</body>
<script>
var accessCode= 10;
var hideElem = document.getElementById("tagUrl");
if(accessCode == 10){
//should not display the link, instead show the hover.
hideElem.href = '#';
}

</script>
</html>

最佳答案

如果您不希望用户重定向到页面顶部,请首先从链接中删除 target="_blank"。您可以在 href 标签内使用 javascript:void(0) 来避免这种情况

试试这个:

var accessCode = 10;
var hideElem = document.getElementById("tagUrl");
if (accessCode == 10) {
//should not display the link, instead show the hover.
hideElem.href = 'javascript:void(0)';
hideElem.removeAttribute('target');
hideElem.title = 'Link is not active now';
}
<h1>test Heading</h1>
<p>Test screen.</p>

<a id="tagUrl" class="button" href='https://growthModeltest.com' target="_blank" rel="MonthlyReport">Learn More</a>

关于javascript - 显示悬停而不是 Href 进行条件检查,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55153688/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com