вернуться к уроку

Улучшенная подсказка

важность: 5

Напишите JavaScript код, который показывает подсказку над элементом с атрибутом data-tooltip. Значение атрибута должно становиться текстом подсказки.

Это похоже на задачу Поведение "подсказка", но здесь элементы с подсказками могут быть вложены друг в друга. Показываться должна подсказка на самом глубоко вложенном элементе.

Только одна подсказка может быть показана в любой момент времени.

Например:

<div data-tooltip="Здесь - домашний интерьер" id="house">
  <div data-tooltip="Здесь - крыша" id="roof"></div>
  ...
  <a href="/?originalUrl=https%3A%2F%2Flearn.javascript.ru%2F%26quot%3Bhttps%3A%2F%2Fru.wikipedia.org%2Fwiki%2F%25D0%25A2%25D1%2580%25D0%25B8_%25D0%25BF%25D0%25BE%25D1%2580%25D0%25BE%25D1%2581%25D1%2591%25D0%25BD%25D0%25BA%25D0%25B0%26quot%3B%2520data-tooltip%3D%26quot%3B%25D0%25A7%25D0%25B8%25D1%2582%25D0%25B0%25D1%2582%25D1%258C%2520%25D0%25B4%25D0%25B0%25D0%25BB%25D0%25B5%25D0%25B5%25E2%2580%25A6%26quot%3B%26gt%3B%25D0%259D%25D0%25B0%25D0%25B2%25D0%25B5%25D0%25B4%25D0%25B8%2520%25D0%25BA%25D1%2583%25D1%2580%25D1%2581%25D0%25BE%25D1%2580%2520%25D0%25BD%25D0%25B0%2520%25D0%25BC%25D0%25B5%25D0%25BD%25D1%258F%26lt%3B%2Fa%26gt%3B%26lt%3B%2Fdiv%26gt%3B%253C%2Fcode">

Результат в iframe:

Открыть песочницу для задачи.