javascript 간단 한 갤러리

갤러리 를 왜 사용 합 니까?
웹 페이지 에서 만약 에 웹 페이지 에 너무 많은 그림 을 불 러 오 면 이 웹 페이지 는 매우 느 리 고 사용자 의 데 이 터 를 낭비 할 것 이다. 자바 srcipt 는 이미지 라 이브 러 리 를 만 드 는 것 이 가장 좋 은 선택 이다. 전체 이미지 라 이브 러 리 의 탐색 링크 를 이미지 라 이브 러 리 홈 페이지 에 집중 시 키 고 사용자 가 이 페이지 의 특정한 이미지 링크 를 클릭 할 때 만 해당 하 는 그림 을 그 에 게 전송 할 것 이다.
방법.

 function showPic(whichPic){
    var source=whichPic.getAttribute("href");
    var placeholder=document.getElementById("placeholder");
    placeholder.setAttribute("src",source);
 
 }





//return false               
1.jpg
2.jpg
3.jpg
4.jpg
5.jpg
6.jpg
7.jpg
8.jpg
9.png
10.png

childNodes 속성:
노드 트 리 에서 childNodes 속성 은 모든 요소 의 하위 요 소 를 가 져 올 수 있 습 니 다. 이 요 소 는 모든 하위 요 소 를 포함 하 는 배열 입 니 다.
nodeType

요소 노드 의 node Type 속성 치 는 1

입 니 다.

속성 노드 의 node Type 속성 치 는 2

텍스트 노드 의 node Type 속성 값 은 3

입 니 다.
nodeValue 속성
텍스트 노드 의 값 을 바 꾸 려 면 nodeValue 속성 을 사용 해 야 합 니 다.그러나 nodeValue 속성 이 description 대상 의 값 을 가 져 올 때 이 단락 에 포 함 된 텍스트 가 아 닙 니 다.
description. childNodes [0]. nodeValue 로 텍스트 노드 의 값 을 가 져 옵 니 다. description. nodeVlue 가 아 닙 니 다.그 중에서 childNodes [0] 는 firstChild 와 같다.last Child 는 이 하위 노드 의 마지막 요소 입 니 다.