Metodo semplice per impostare lo stile CSS utilizzando cssText in JavaScript

Se ci sono etichette con id "no" nel sito web, per esempio, consideriamole come etichette div.

Un modo abbastanza comune per impostare lo stile CSS di questo div in JavaScript è:

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

Se devi impostare una serie di stili CSS, è molto complicato.

Di solito si combina con CSS per aggiungere className o modificare className per ottenere l'effetto desiderato, ma se crei un elemento, vorresti che fosse così semplice? In tal caso, devi pensare a un altro metodo~

Quindi abbiamo scritto una funzione dopo l'altra, due classiche sono:

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"});

Naturalmente, c'è anche un modo più semplice, cssText:

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

Naturalmente, questo metodo è molto semplice e comodo per inizializzare lo stile CSS degli elementi creati.

Questo è tutto il contenuto della guida semplice su come impostare lo stile CSS con cssText in JavaScript che ti offro, spero che ti sia utile, supporta e urla la guida~