JavaScript 열 list_javascript 기술 숨기기/표시의 간단한 구현

1. JavaScript 라이브러리 구축

코드 복사 코드는 다음과 같습니다.

( function(){

//창에 네임스페이스 IC 등록
window['JSHide']={};

//사이드바 숨기기 및 이미지 교체 오른쪽 화살표 이미지
function yc()
{
document.getElementById("cloone").style.display ="none"
document.getElementById("img").innerHTML =" < ;img src='이미지/오른쪽 화살표.png' 너비='10' 높이='10' longdesc='이미지/오른쪽 화살표.png' onclick='JSHide.xs()' />";

}
window['JSHide']['yc']=yc;

//사이드바 표시 및 이미지를 왼쪽 화살표로 변경
function xs()
{
document.getElementById("cloone").style.display ="";
document.getElementById("img").innerHTML ="";

}
창['JSHide'][' xs ']=xs;
})();

2. HTML 파일에 JS 파일을 삽입합니다. "Insert"--"HTML " --"스크립트 개체"---"스크립트", 스크립트 파일을 선택하고 HTML 파일에 삽입합니다.

3.HTML 파일 코드

코드 복사 코드는 다음과 같습니다.

열 1 열 2 3열 열 4 열 5

콘텐츠 영역입니다

< /html> >