본문 바로가기
JavaScript

자바스크립트 선택

by SSaMKJ 2013. 4. 17.
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")




댓글