如何根据div id更改链接？

Question

我正在使用Jcink论坛-我可以根据用户组设置div的样式，它可以用作html变量(用于ID)。

如何根据ID更改链接？

我假设这不能仅仅通过css和html来完成，但是我并不精通JS。

例如(不是完整的代码，只是一个真正的删节版本)：

样式表：

#admin .avatar {background-image:url("admin.jpg");}
#mod .avatar {background-image:url("mod.jpg");}

HTML：

<div id="<!-- |g_id| -->">
    <a href="link changes based on div id">
        <div class="avatar"></div>
    </a>
</div>

Answer 1

如果你能编写脚本，你可以这样做(内联演示，你可以遍历所有div并改变它们的链接)

<div id="<!-- |g_id| -->">
  <a href="whatever" onclick="this.href=this.closest('div[id]').id=='xxx'?'zzz':'yyy'">
    <div class="avatar"></div>
  </a>
</div>

其中，ID xxx将href设置为zzz，否则将其设置为yyy

Answer 2

您可以使用setAttribute根据id设置链接href

​

var ele=document.querySelectorAll("div");
Object.values(ele).forEach((e)=>{
if (e.getAttribute("id") == "abcd") {
  var link = e.querySelector("a");
  link.removeAttribute("href");
  link.setAttribute("href", "www.link2.com");
} 
})

<div id="abcd">
  <a href="link1">
    <div class="avatar">aa</div>
  </a>

​