javascript - anchor 标记内的 div onclick

Question

我有这样的代码:

<a href="somewhere.html">
<img src="blabla">
<div class="wrap">
    <div id="id1" onclick="window.location = 'somepage1.html';"></div>
    <div id="id2" onclick="window.location = 'somepage2.html';"></div>
<div>
</a>

问题是 div 的 onclick 不起作用。当我点击 div 时，我会转到 somewhere.html。

Answer 1

您在链接中包含错误的 html 结构包装 div(除非使用 html5):

<a href="somewhere.html">
<img src="blabla">
<div class="wrap">
    <div id="id1" onclick="window.location = 'somepage1.html';"></div>
    <div id="id2" onclick="window.location = 'somepage2.html';"</div>
<div>
</a>

当您点击时，您将始终转到顶部的链接 somewhere.html 并且内部 div 不会执行您想要执行的操作。您应该修改您的 html 结构。