1. Método simple, independientemente de ello, solo hazlo así:
document.createstylesheet (). csstext = 'tag {color: rojo;' + // Este comentario solo ayuda a comprender en el JS actual y no se escribirá en el ancho de CSS: 300px; altura: 150px} ' +' .Class Name {...} ' +' #ids {...} ';//Finalizar. Me gusta escribir semicolones como este, que está mejor alineado con la posición inicial de la redacción de instrucciones, especialmente cuando hay otras declaraciones detrás de esto.
2. Mejore un poco más para evitar adiciones repetidas. Puede lograrlo agregando ID de hoja de estilo y juzgándolo:
if (! document.stylesheets ['La identificación de la hoja de estilo que se creará es como el forever']) {// Primero verifique si la ID de hojas de estilo que se creará existe para evitar la adición repetida de var ss = document.createstylesheet (); ss.OwningElement.id = 'La identificación de la hoja de estilo que se creará es como el forever'; ss.csstext = 'tag {display: inline-block; desbordamiento: hidden;' + // Este comentario solo ayuda a comprender en el JS actual y no se escribirá en CSS 'Text-Align: Left; Width: 300px; Height: 150px}' + '.classname {...}' + '#ids {...}'; }El método anterior para construir o agregar dinámicamente hojas de estilo CSS con JavaScript es todo el contenido que he compartido con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.