let styles1 = { margin1: '50px', borderRadius1: '20px', borderStyle1: 'solid', borderWidth1: '10px', borderColor1: '#81ecec' } let elem = document.createElement('div'); elem.style.margin = styles1.margin1.value + 'px'; elem.style.borderRadius = styles1.borderRadius1.value + 'px'; elem.style.borderStyle = styles1.borderStyle1.value; elem.style.borderWidth = styles1.borderWidth1.value + 'px'; elem.style.borderColor = styles1.borderColor1.value; document.body.appendChild(elem);La otra parte del código (no mencionada) funciona perfectamente, pero por alguna razón ninguno de los estilos de borde funciona (¿y sin errores?). ¿Alguien tiene alguna idea?
Hay algunas cosas que van mal en su código. Cuando hace referencia a una clave en un objeto como styles1.margin1 , ya devuelve "50px" . Por lo tanto, no es necesario agregar un .value . Lo que significa que no necesita agregar un "px" al final de cada asignación de estilo. Esto debería funcionar:
let elem = document.createElement('div'); elem.style.margin = styles1.margin1; elem.style.borderRadius = styles1.borderRadius1; elem.style.borderStyle = styles1.borderStyle1; elem.style.borderWidth = styles1.borderWidth1; elem.style.borderColor = styles1.borderColor1; document.body.appendChild(elem);