html - 嵌套/分层 html 链接 <a>-6ren

html - 嵌套/分层 html 链接

转载作者：太空宇宙更新时间：2023-11-04 15:24:46

我有一个包含在 html 中的 div <a>标记，因此单击该框上的任意位置都会将用户引导至新位置。

我想在该框内添加一个按钮，该按钮通向其他地方(比封装 div 的链接更具体的位置。

目前，添加第二个<a>我的 div 内的标签关闭了原来的 <a> ，这是有道理的，因为我猜这些标签不能嵌套。我怎样才能解决这个“嵌套”链接问题？

更新

我需要构建一个 rel属性，因为它会切换外部 div 中的扩展部分。

我当前的代码:

<a class="toggle" rel="toggle[<%= "#{user.id}" -%>]">
  <div>
    <a>...</a>
  </div>
</a>

<div class="expand_me" id=<%= "{user.id}" -%>>
...
</div>

我一直在尝试让您建议的 javascript 工作，但它没有。我应该如何让这个具体案例发挥作用？我为一开始没有包括这些信息而道歉——我不知道让解决方案与 href 一起工作会有真正的区别。而不是所需的 rel .

最佳答案

您可以改为向 div 添加一个 onClick 处理程序，并且可以将链接安全地放置在 div 中。

<html>
<head>
 <script>
   function clicked(){
     window.location.href="link2";
   }
 </script>
 <style>
 body{
   width:50%;
   margin-left:auto;
   margin-right:auto;
 }
 </style>
</head>
<div width="100px" height="100px" style="background-color:red" onclick="javascript:clicked()">
 <a href="link">test</a>
</div>

</html>