Este artículo describe cómo modificar, agregar y eliminar estilos de clase de JS. Compártelo para su referencia. El análisis específico es el siguiente:
Una función frontal más común de JS, que puede realizar la función correspondiente modificando el nombre de clase de la etiqueta.
El código específico es el siguiente:
Copie el código de la siguiente manera: <Able>
<Tbody>
<tr>
<TD> JS implementa la modificación, adición y eliminación de estilo de clase </td>
<TD>
<a e_value = "g_sn" ename = "código de producto" href = "javascript: void (0);"> código de producto </a>
<a e_value = "pdt_sn" ename = "número de elemento de producto" href = "javaScript: void (0);"> Número de elemento del producto </a>
<a e_value = "pdt_name" ename = "nombre de especificación" href = "javaScript: void (0);"> nombre de especificación </a>
</td>
</tr>
</tbody>
<Tbody>
<tr>
<TD> <a onClick = "selectAll ()" style = "Color:#F00"> Seleccione todos </a> </td>
<TD> <a onClick = "selectNotall ()" style = "Color:#F00"> Sin selección </a> </td>
</tr>
</tbody>
</table>
<script>
$ ('. Goods_sale_Property'). Click (function () {// Haga clic para agregar clase en una etiqueta solo
if ($ (this) .hasclass ('Goods_sale_property_checked')) {
$ (this) .removeclass ('Goods_sale_property_checked');
}demás{
$ (this) .addclass ('Goods_sale_Property_Checked');
}
});
función selectAll () {// Seleccione toda la clase
$ ('. Goods_sale_Property'). Cada (función (i) {
$ (this) .addclass ('Goods_sale_Property_Checked');
});
}
función selectNotall () {// Seleccione toda la clase Eliminar
$ ('. Goods_sale_Property'). Cada (función (i) {
$ (this) .removeclass ('Goods_sale_property_checked');
});
}
</script>
Espero que este artículo sea útil para la programación de JavaScript de todos.