자바스크립트 DOC객체 메서드 / 사용법

DOC객체 - 해당 문서( 현재 접속하고 있는 페이지 )에 대한 모든 정보를 가지고 있음 

[ DOC객체 메서드 ]

1> document.getElementsByTagName( TagName )

    - 태그 이름으로 객체를 찾는다

2> document.getElementsByClassName( ClassName )

    - 클래스명으로 객체를 찾는다 ( 여러개의 객체들 )

3> document.getElementById( ID )

    - 아이디로 객체를 찾는다 ( 고유한 1가지 객체 )

[ 소스코드 ]

onmouseover ( 마우스가 올려졌을 때 ) or onclick ( 해당 부분을 클릭하였을 때 ) event_handler() 라는 함수가 실행된다

event_handler() 함수는 ID를 통해서 객체를 찾고 해당 객체의 내용 ( .innerHTML ) 을 변경시킨다

[ 실행결과 1 ] : mouseover or click 전

[ 실행결과 2 ] : mouseover or click 후

[ 드래그 및 우클릭 및 복사 방지 우회하기 ]

보통 여러 페이지에서 불법으로 복사해가는 것을 막아놓으려고 아래의 3가지 옵션을 설정해놓습니다

false값을 반환하는 함수를 사용해 해당 기능을 막아놓은 것입니다

[우클릭 방지]   document.oncontextmenu = new Function ('return false');

[드래그 방지]   document.ondragstart = new Function ('return false');

[선택 방지]      document.onselectstart = new Function ('return false');

세 가지 값을 위 그림처럼 콘솔창을 켜서 true로 변경시켜주면 복사가 가능해집니다 ( 불법적으로 사용하지는 맙시다 ^^ )