Control Javascript className nombre de la clase de propiedad

1  <! DOCTYPE html > 
2  < html > 
3      < cabeza > 
4          < meta charset = "UTF-8" > 
5          < título > javascript中控制类名className属性</ título > 
6          < estilo tipo = "text / css" > 
7              de entrada { 
8                  font-size : 12px ; 
9              } 
10              .beijing { 
11                  background-color: # 4682B4 ; 
12 es                  de color : #FFFFFF ; 
13 es              } 
14              .guoqing { 
15                  font-size : 2OX ; 
16                  font-weight : negrita ; 
. 17              } 
18 es          </ estilo > 
. 19      </ cabeza > 
20 es      < cuerpo > 
21 es          < div ID = "cON" clase = "Beijing" > este año, quiero ir a Beijing para ver el Día Nacional </ div >
22          < forma acción = "" método = "post" > 
23              < entrada tipo = "botón" nombre = "" ID = "" valor = "点击控制" onclick = "()" rec /> 
24          </ forma > 
25          < secuencia de comandos de tipo = "text / javascript" > 
26              var mychar = document.getElementById ( ' con ' );
27              document.write ( 'mychar.className) // clas atributo de salida 
28              función REC () {
 29                  mychar.className = ' Guoqing ' ; // cambiar el nombre de clase de la clase 
30                  // var myrec = Confirmar ( 'Tiananmen cómo Beijing'); 
31 es                  // IF (== myrec en true) { 
32                  //      document.write ( 'Sí, me gustaría'); 
33 es                  // } else { 
34 es                  //      document.write ( 'usted, ¿cómo hacer Nacional'); 
35                  / / } 
36              }
 37 [          </ script > 
38 es      </ cuerpo > 
39 </ Html >

className conjuntos de propiedades o devuelve el elemento atributo de clase del nombre de clase de sintaxis = //object.className;
"control className atributo nombre de la clase" función: 1. Obtener el elemento 2. Especificar un atributo de clase css para un estilo a los elementos dentro de la página cambiar la apariencia del elemento

 Prueba: juego de elementos de estilo de atributo className:

1. Para el id = elementos "P1" ADD "clase llamada un" estilo de className. Al hacer clic en el botón "Añadir estilo", añadir los primeros estilos de párrafo.
2. Dar id = "P2" elemento className mediante la modificación del estilo de "clase llamada dos". Al hacer clic en el botón "Cambiar apariencia", el segundo párrafo del texto cambiar el estilo.

1  <! DOCTYPE HTML > 
2  < html > 
3  < cabeza > 
4  < meta http-equiv = "Content-Type" contenido = "text / html; charset = gb2312" > 
5  < título > className属性</ título > 
6  < estilo > 
7      cuerpo { font-size : 16px ; } 
8      .one { 
9          frontera : #eee sólido 1px ; 
10         anchura : 230px ; 
11          altura : 50px ; 
12          fondo : #ccc ; 
13          de color : rojo ; 
14      } 
15      .two { 
16          frontera : #ccc sólido 1px ; 
17          ancho : 230px ; 
18          altura : 50px ; 
19          de fondo : # 9CF ; 
20          de color : azul; 
21 es      } 
22 es      </ estilo > 
23 es  </ cabeza > 
24  < cuerpo > 
25      < P ID = "P1"  > la pantalla JavaScript de las páginas web y los efectos dinámicos alcanzados con la interacción del usuario. </ P > 
26 es      < ENTRADA tipo = "botón" valor = "al estilo" del onclick = "Añadir ()" /> 
27      < P ID = "P2" clase = "Uno" > el JavaScript así que los efectos de visualización de páginas dinámicas y darse cuenta interacción del usuario. </ P >
     tipo = "botón" valor = "更改外观" onclick = "modificar ()" /> 
29  
30      < script de tipo = "text / javascript" > 
31         la función add () {
 32            var p1 = document.getElementById ( " P1 " ) ;
33            p1.className = " uno " ;
34         }
 35         función Modificar () {
 36            var p2 = document.getElementById ( "37            p2.className = " dos " ;
38         }
 39      </ escritura > 
40  </ cuerpo > 
41  </ html >