1. Agregue eventos onclick a todos los elementos p en la página web:
Copie el código de código de la siguiente manera:
<%@ página contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<cabeza>
<title>Insertar título aquí</title>
<!-- <script src="jQuery/jquery-1.10.2.js"></script>-->
<tipo de script="texto/javascript">
ventana.onload=función(){
var elementos=document.getElementsByTagName("p");
para(i=0;i<items.length;i++){
elementos[i].onclick=función(){
alert("Haga clic correctamente...");
}
}
}
</script>
</cabeza>
<cuerpo>
<p>Pruebe el párrafo uno...</p>
<p>Pruebe el párrafo dos...</p>
<p>Prueba el tercer párrafo...</p>
</cuerpo>
</html>
2. Haga que cada dos filas de una tabla específica cambie de color:
Copie el código de código de la siguiente manera:
<%@ página contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<cabeza>
<title>Insertar título aquí</title>
<!-- <script src="jQuery/jquery-1.10.2.js"></script>-->
<tipo de script="texto/javascript">
ventana.onload=función(){
var elemento=document.getElementById("tb");
var tbody=item.getElementsByTagName("tbody")[0];
var trs=tbody.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
si(i%2==0){
trs[i].style.backgroundColor="verde";
}
}
}
</script>
</cabeza>
<cuerpo>
<id de tabla="tb">
<tcuerpo>
<tr><td>Primera línea</td></tr>
<tr><td>Segunda línea</td></tr>
<tr><td>La tercera línea</td></tr>
<tr><td>La cuarta línea</td></tr>
<tr><td>La quinta línea</td></tr>
<tr><td>Sexta línea</td></tr>
</tbody>
</tabla>
</cuerpo>
</html>