为什么锚在此脚本中不起作用

Why The Anchor Is not Working In this Script?

本文关键字：不起作用 脚本 为什么      更新时间：2023-09-26

我是一名模板开发人员，

我为页脚信用链接创建了一个脚本，这样用户就不能删除页脚链接

然而，我有点困惑为什么锚不工作？

这是剧本。

<script>
window.onload = function() {
    var e = document.getElementById("credit");            
    e.setAttribute("href", "http://www.example.com/");
    e.setAttribute("ref", "dofollow");
    e.setAttribute("title", "Free Templates");
    e.innerHTML = "Example"
}
</script>

正如您所看到的上面的脚本，我将其包含在我的模板中，并在页脚区域添加了creditdiv，如下所示：

<div id="credit"></div>

现在，当我打开我的模板时，它看起来像纯文本。

问题：为什么示例看起来像纯文本，它不是锚。如何使其可点击，以便在点击时转到example.com。

小提琴：https://jsfiddle.net/copyblogger/dkt2jdxt/5/

注意：请与fiddle示例分享完整的编码。

试试这个：

<a id="credit"></a>

您已经设置了div标记没有的属性，但a标记有。

href属性仅在以下元素上受支持：<a>、<area>、<base>、<link>。

您可以将<div>封装在<a>元素中，然后整个div都可以单击。

相关文章：