Etiqueta en comentario
importancia: 3
¿Qué muestra este código?
<
script
>
let
body =
document.
body;
body.
innerHTML =
"<!--"
+
body.
tagName +
"-->"
;
alert
(
body.
firstChild.
data )
;
// ¿qué hay aquí?
</
script
>
La respuesta: BODY
.
<
script
>
let
body =
document.
body;
body.
innerHTML =
"<!--"
+
body.
tagName +
"-->"
;
alert
(
body.
firstChild.
data )
;
// BODY
</
script
>
¿Qué está pasando paso a paso?
- El contenido de
<body>
se reemplaza con el comentario. El comentario es<!--BODY-->
, porquebody.tagName == "BODY"
. Como recordamos,tagName
siempre está en mayúsculas en HTML. - El comentario es ahora el único nodo hijo, así que lo obtenemos en
body.firstChild
. - La propiedad
data
del comentario es su contenido (dentro de<!--...-->
):"BODY"
.