Javascript div onclick内部锚定标记

我有这样一个代码：

<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时，我会转到某处.html。

<a href="somewhere.html" onclick = "return false;">
<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的html结构错误（除非使用html5）：

---

当您单击时，您将始终转到顶部的链接

某处.html

，而内部div不会执行您想要执行的操作。您应该修改html结构。

对不起。。我已经纠正了这个错误，从链接中删除div，那么，如果它们转到另一个url，为什么需要将它们放在链接中？因为图像。我在a href中有一个图像。在图像上方，我有一些需要点击的文本。div是按钮。所以我有一张可点击的图片，上面有一些按钮。你可以添加一种光标样式：css中的指针。如果你需要一只手，光标：指针不是问题。问题是图片链接指向图片视图页面。图片上的按钮指向不同的页面。一个指向删除页面，另一个指向编辑页面。

<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>