De este código:CSS y Javascript: Obtener una lista de atributos CSS personalizada
HTML
<div class="test"></div>
CSS
.test {
background-color:red;
font-size:20px;
-custom-data1: value 1;
-custom-data2: 150;
-custom-css-information: "lorem ipsum";
}
con javascript - por ejemplo de un $('.test')
- cómo ¿Puedo obtener una lista de los atributos CSS que tienen el nombre de la propiedad comenzando con el prefijo "-custom-"? (que pueden tener diferentes nombre, pero siempre el mismo prefijo)
me gustaría conseguir esto:
{
customData1: "value 1",
customData2: 150,
customCssInformation: "lorem ipsum"
}
sé que también puedo usar el atributo HTML data-
, pero para algunos muy específicos razones Necesito usar un CSS equivalente. Gracias por tu ayuda.
Es posible que desee verificar esta pregunta: http://stackoverflow.com/questions/2926326/can-i-access-the-value-of-invalid-custom-css-properties-from-javascript – mwan
Debería considerar usar los atributos 'data- *' para esto. –
@Andrew: sí, lo sé, pero por una razón muy específica, necesito usar en mi CSS un equivalente del atributo HTML de datos. – Etienne