1. Obtenga el estilo del elemento:
Puede obtener el estilo en línea del elemento a través del atributo de estilo del elemento. El atributo de estilo es un objeto que incluye una serie de atributos de estilo. Por ejemplo: Color, BackGourdColor.
No se recomienda el estilo de elemento mencionado anteriormente para obtener estilos de elementos a través del atributo de estilo.
La siguiente pieza de código puede obtener el estilo del elemento cuando se ejecuta, es decir, el estilo global. De esta manera, puede obtener dinámicamente el estilo de un elemento, como el tamaño del elemento.
// nodo: el nodo de elemento que se obtendrá cuyo estilo calculado es // attr: estilo de atributo de estilo function getCurrentStyle (nodo, attr) {var style = null; // Método estándar DOM if (window.getComputedStyle) {style = window.getComputedStyle (nodo, nulo); } else {style = node.CurrentStyle; // IE Método} Estilo de retorno [attr];}2. Modifique el estilo del elemento
Directamente a través del atributo de estilo del elemento, por ejemplo: p.style.backgroundcolor = "rojo"
Nota: Al obtener o modificar los estilos de elementos a través del método anterior, hay una diferencia entre el nombre del atributo y el nombre de atributo del elemento definido. Por ejemplo: defina el color de fondo a través del color de fondo de CSS, luego, al obtener o modificar este atributo de estilo en JS, la primera letra después del símbolo '-' debe convertirse a tamaño.
El código de ejemplo anterior para obtener y modificar los estilos de elementos de JS es todo el contenido compartido por el editor. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.