자바스크립트 선택

jQuery Selector를 사용하면 간단할걸... 

어쩔 수 없이 기존에 javascript로 되어 있고, 다른 framework이랑 충돌하면 사용 할 수가 없다.

그래서 여기에 javascript dom 선택 명령어들을 정리한다.

document.getElementsByTagName("태그 이름");

document.getElementsByName("네임명");

document.getElementById("아이디명");

document.getElementsByClassName("클래스명");

ByClassName은 ie에서 동작 안한다고 봐야 한다. -_ㅡ;; ie9 부터 지원한다.

아래는 각 항목을 예제로 구성한 것이며 첫 번째 예제인 getElementsByTagName 은 태그가 중복되어서 동작 안한다.

이해해주길 바라며, 예제를 위해서 삭제하지 않고 남겨 두었다.

위에서 언급한 getElements 씨리즈 외에

.parentNode

.children[0~ ]

의 선택자도 있다.

Tag Name

• Coffee
• Tea

Name first second

ID

Pick this!

Class. IE(인터넷 익스플로어) 5,6,7,8에서는 동작 안한다!

• 1
• 2
• 3
• 4
• 5
• 6

document.getElementsByTagName("UL")
document.getElementsByName("inputRadio")
document.getElementById("getById")
document.getElementsByClassName("even")




원본 소스를 공개한다.

	Tag Name
	

	

		
Coffee
		
Tea
	
	


	Name
	
	 first
	 second
	


	ID
	

	

		Pick this!
	

	


	Class. IE(인터넷 익스플로어) 5,6,7,8에서는 동작 안한다!
	

	

		
1
		
2
		
3
		
4
		
5
		
6

	

	
	document.getElementsByTagName("UL")
	

	document.getElementsByName("inputRadio")
	

	document.getElementById("getById")
	

	document.getElementsByClassName("even")