回到课程

在元素旁显示一个 note

重要程度: 5

创建一个函数 positionAt(anchor, position, elem) 来定位 elem,具体取决于 anchor 元素附近的 position

position 必须具有下列三个字符串中的一个:

  • "top" — 将 elem 定位在 anchor 上方
  • "right" — 将 elem 定位在 anchor 右侧
  • "bottom" — 将 elem 定位在 anchor 下方

position 被用在函数 showNote(anchor, position, html) 内,该函数使用给定的 html 创建一个 “note” 元素,并将其显示在 anchor 附近的 position 处。

这是一个演示示例:

打开一个任务沙箱。

在这个任务中,我们只需要准确地计算坐标即可。具体细节,请参见代码。

请注意:元素必须在文档中才能读取 offsetHeight 和其它属性。 隐藏的(display:none)或者不在文档中的元素没有大小。

使用沙箱打开解决方案。