Me gustaría agregar/editar dinámicamente una propiedad del atributo de estilo en función de la entrada del usuario. El usuario puede proporcionar el Nombre de la propiedad y el Valor de la propiedad como una cadena. Necesitaría validar, si la cadena dada es un nombre de propiedad/valor de propiedad válido para el atributo de estilo de un elemento HTML antes de aplicar.
¿Hay alguna manera de lograr la validación anterior?
¿Hay alguna función de javascript que pueda validar la cadena dada para un nombre de propiedad/valor de propiedad válido o una función que devuelva todas las propiedades/valores válidos para una propiedad particular del atributo de estilo?
La idea es aplicar el estilo y comprobar su existencia. Esta función puede usar algunas mejoras pero funciona o al menos demuestra el concepto.
function is_valid_css_prop(prop, value) { var div = document.createElement("div"); document.body.appendChild(div) div.style[prop] = value; var obj = getComputedStyle(div); var found = false; for (var key in obj) { if (key == prop && value == obj[key]) { found = true; break; } } document.body.removeChild(div) return found; } console.log(is_valid_css_prop("position", "above")); console.log(is_valid_css_prop("position", "absolute"));