HTML 요소

Question

나는 클래스 이름을 얻기 위해 event.target.className 를 사용하고 있습니다 만 일류를 가져옵니다,하지만 때로는 요소는 내가 그것을 만들 수있는 방법, 여러 클래스 이름을 가지고 첫 번째 클래스 이름은 결과로?

아, jQuery없이주세요.

Answer 1

은 요소의 첫 번째 클래스를 얻을 수있는 여러 가지 방법이 있습니다

방법 첫째 : 클래스 이름을 분할합니다 분할 기능 DOM 요소의 클래스 속성을 사용하여 클래스 이름 속성

사용 공백으로 배열을 반환합니다.

event.target.className.split(" ")[0]; //0 to retrieve first class 

className 속성은 모든 주요 브라우저에서 지원됩니다.

방법 제 (이미 공간으로 분할) 클래스 DOMTokenList 객체를 반환 DOM 요소

event.target.classList[0]; //0 to retrieve first class 

classList 속성 classList 속성 사용 classList 속성

사용 상대적으로 새롭고 상대적으로 빠릅니다. IE8 및 IE9에서는 지원되지 않습니다. Support in various browsers

Check performance of classList vs className