Javascript 添加onClick事件以在D3.js中的每个条上方显示隐藏的div（可能我也缺少重要的css代码？）

所以我想做的是，在单击每个方形条时，在单击条的上方显示一个隐藏的div，称为myDiv

到目前为止我试过的是 1） showDiv（）的Javascript代码

函数showDiv（）{
document.getElementById（'myDiv'）.style.display=“block”；
}

2） myDiv的HTML代码

细部

3） 条形图的CSS

div.bar{
显示：内联块；
宽度：20px；
高度：75px；/*被下面D3指定的高度覆盖*/
右边距：2px；

4） 条形图上onClick事件的Javascript（D3）代码

var数据集=[5,10,13,7,21,24,15,16]；
var bar=d3.选择（“主体”）.选择全部（“div”）
.数据（数据集）
.输入（）
.附加（“div”）
.attr（“类”、“条”）
.样式（“高度”，功能（d）{
var barHeight=d*5；
返回杆高度+“px”；
})
.样式（“宽度”，功能（d）{
var barWidth=d*5；
返回条宽度+“px”；
})
。打开（“单击”，showDiv）；

我已经在一个酒吧的点击事件中展示了。 但我不确定如何使myDiv显示在选定条的上方

请帮助！谢谢：）

在您的

showDiv（）

函数中，您的元素ID有一个小写的“m”。实际元素有一个大写的“m”。这将导致它无法工作。除非是打字错误

---

如果这不能回答这两个问题，很抱歉，但这是我所能提供的最大帮助。我对D3一无所知。

如果你还不知道，你应该研究一下。这是一个Javascript库，使dom操作和遍历变得更容易

---

我看到showDiv函数正在运行，但现在需要使其仅显示单击项上方的myDiv。如果没有完整的html标记，就有点难以理解您的意思。但是，查看用于dom遍历的jQuery API可能会有所帮助。例如，可能会有所帮助。

omg！我将myDiv更改为myDiv，现在div显示出来了！h啊哈。谢谢！我已经编辑了我的问题。我仍然需要帮助确定myDiv是否显示在选定的条上。谢谢！这就是我要找的。我只是不知道该往哪个方向走。