Javascript 在可单击文本的目标区域中包含图标的最佳方式是什么？

我目前正在使用以下javascript创建扩展菜单：

---

当前，只有超链接文本可单击。让文本旁边的图标响应单击的最佳方式是什么？

图标应为：

• 锚定标记中的内联元素
• 锚定标记的背景图像

您可以在CSS和/或标记中完成所有这些，保持javascript的简洁性

---

第三种选择是将icon元素绑定到超链接的事件处理程序方法，但最终结果不太理想，需要做的工作最多。

图标应该是：

• 锚定标记中的内联元素
• 锚定标记的背景图像

您可以在CSS和/或标记中完成所有这些，保持javascript的简洁性

第三种选择是将icon元素绑定到超链接的事件处理程序方法，但最终结果不太理想，需要做的工作最多。

<a id="icon" href="blah">blah</a>

HTML

#icon {
    background: transparent url(img.gif) no-repeat right center;
    padding-right: 10px;
}