Método simple para establecer estilos CSS con cssText en JavaScript

Si en la página web hay una etiqueta con id "no", digamos que es un etiqueta div para tell

Si quieres configurar estilos CSS para este div en JavaScript, lo más común es:

var obj = document.getElementByIdx_x_x('no');
obj.style.width = '"400px';
obj.style.height = '"300px';

Si hay que configurar una multitud de estilos CSS, es muy molesto

Generalmente se combina con css para agregar className o cambiar className para alcanzar el efecto deseado, pero si creas un elemento, ¿te gustaría hacerlo tan simplemente? Entonces hay que pensar en otras formas~

Entonces todos escribimos una y otra función, las dos clásicas son:

var obj = document.getElementByIdx_x_x('no');
function setStyle(obj, css) {
for(var attr in obj){
obj.style[attr] = css[attr];
}
}
setStyle(obj,{width:"400px",height:"300px"});

Por supuesto, hay algo más simple, cssText:

var obj = document.getElementByIdx_x_x('no');
obj.style.cssText = "width:400px; height:300px;";

Por supuesto, este método es muy simple y conveniente para inicializar estilos CSS para elementos creados por create.

Así que aquí termina el contenido completo de la forma sencilla de configurar estilos CSS usando cssText en JavaScript, espero que les haya sido útil, ¡por favor, apoyen a la tutoría gritando~