regresar a la lección

Comportamiento mejorado de un tooltip

importancia: 5

Escribe JavaScript que muestre un tooltip sobre un elemento con el atributo data-tooltip. El valor de este atributo debe convertirse en el texto del tooltip.

Es como la tarea Comportamiento: Tooltip, pero aquí los elementos anotados se pueden anidar. Los tooltips más internos se muestran.

Solamente un tooltip puede aparecer a la vez.

Por ejemplo:

<div data-tooltip="Aquí – está el interior de la casa" id="house">
  <div data-tooltip="Aquí – está el techo" id="roof"></div>
  ...
  <a href="/?originalUrl=https%3A%2F%2Fes.javascript.info%2F%26quot%3Bhttps%3A%2F%2Fen.wikipedia.org%2Fwiki%2FThe_Three_Little_Pigs%26quot%3B%2520data-tooltip%3D%26quot%3BContin%25C3%25BAa%2520leyendo%25E2%2580%25A6%26quot%3B%26gt%3BCol%25C3%25B3cate%2520sobre%2520mi%26lt%3B%2Fa%26gt%3B%26lt%3B%2Fdiv%26gt%3B%253C%2Fcode">

El resultado en el iframe:

Abrir un entorno controlado para la tarea.