改善的提示工具行為 - 現代 JavaScript 教學

撰寫 JavaScript，在具有屬性 data-tooltip 的元素上顯示提示工具。此屬性的值應成為提示工具文字。

這就像任務提示工具行為，但這裡註解的元素可以巢狀。顯示最深層巢狀的提示工具。

同一時間只能顯示一個提示工具。

例如

          <div data-tooltip="Here – is the house interior" id="house">
  <div data-tooltip="Here – is the roof" id="roof"></div>
  ...
  <a href="https://en.wikipedia.org/wiki/The_Three_Little_Pigs" data-tooltip="Read on…">Hover over me</a>
</div>
        

iframe 中的結果

為任務開啟沙盒。

在沙盒中開啟解決方案。