Cómo acceder y representar atributos de datos con CSS y JavaScript
Dec 22 2022
Los atributos de datos nos brindan la capacidad de incrustar atributos de datos personalizados en HTML. Según MDN, los atributos de datos nos permiten almacenar información adicional en elementos HTML semánticos estándar sin otros trucos, como atributos no estándar o propiedades adicionales en DOM.
Los atributos de datos nos brindan la capacidad de incrustar atributos de datos personalizados en HTML. Según MDN , los atributos de datos nos permiten almacenar información adicional en elementos HTML semánticos estándar sin otros trucos, como atributos no estándar o propiedades adicionales en DOM.
La belleza de estos atributos de datos es que se puede acceder a ellos en CSS y JavaScript. Veamos primero un ejemplo de cómo funciona con CSS:
<b data-content="John Doe"></b>
<style type="text/css">
b::after{
content: attr(data-content);
}
</style>
Además, JavaScript se puede usar para acceder y representar atributos de datos en la página web. Veamos un ejemplo a continuación:
var name = b.document.getElementById("name");
console.log(name.dataset.parent);
![¿Qué es una lista vinculada, de todos modos? [Parte 1]](https://post.nghiatu.com/assets/images/m/max/724/1*Xokk6XOjWyIGCBujkJsCzQ.jpeg)
