1. 웹페이지의 모든 p 요소에 onclick 이벤트를 추가합니다.
다음과 같이 코드 코드를 복사합니다.
<%@ 페이지 contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<머리>
<title>여기에 제목을 입력하세요</title>
<!-- <script src="jQuery/jquery-1.10.2.js"></script>-->
<스크립트 유형="텍스트/자바스크립트">
window.onload=함수(){
var items=document.getElementsByTagName("p");
for(i=0;i<items.length;i++){
항목[i].onclick=function(){
Alert("클릭 성공...");
}
}
}
</script>
</head>
<본문>
<p>첫 번째 단락을 테스트해 보세요...</p>
<p>두 번째 단락 테스트...</p>
<p>3번째 단락 테스트...</p>
</body>
</html>
2. 특정 테이블의 다른 모든 행의 색상을 변경합니다.
다음과 같이 코드 코드를 복사합니다.
<%@ 페이지 contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<머리>
<title>여기에 제목을 입력하세요</title>
<!-- <script src="jQuery/jquery-1.10.2.js"></script>-->
<스크립트 유형="텍스트/자바스크립트">
window.onload=함수(){
var item=document.getElementById("tb");
var tbody=item.getElementsByTagName("tbody")[0];
var trs=tbody.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
만약(i%2==0){
trs[i].style.BackgroundColor="녹색";
}
}
}
</script>
</head>
<본문>
<테이블 ID="tb">
<본체>
<tr><td>첫 번째 줄</td></tr>
<tr><td>두 번째 줄</td></tr>
<tr><td>세 번째 줄</td></tr>
<tr><td>네 번째 줄</td></tr>
<tr><td>다섯 번째 줄</td></tr>
<tr><td>여섯 번째 줄</td></tr>
</tbody>
</table>
</body>
</html>