JavaScript2 [DOM] Document.querySelectorAll() 안녕하세요. 오늘은 Document 객체의 querySelectorAll() 에 대해 알아보겠습니다. 1. querySelectorAll(selector) querySelectorAll(selector) 은 DOM을 순회하며 선택자에 해당하는 요소들을 리스트 형태로 반환합니다. 예제에서는 article 태그 안에서 클래스가 fail인 요소를 모두 찾아 리스트 형태로 반환하였습니다. fails 변수의 길이를 콘솔로 출력하면 3이 나오는 것을 확인할 수 있습니다. 선택자의 종류는 아래 포스트를 참고해주세요. 2019/04/11 - [javascript] - [DOM] Document.querySelector() [DOM] Document.querySelector() 안녕하세요. 오늘은 Document 객체의.. 2019. 4. 14. [javascript] 문자열 다루기 안녕하세요. 오늘은 자바스크립트의 문자열 다루기에 대해 알아보겠습니다. 1. 문자열 변수 선언 var string1 = 'This is string'; var string2 = "This is string"; 자바스크립트에서 문자열은 '' or "" 로 감싸 변수를 선언합니다. 2. 문자열 길이 length var string = 'This is string'; console.log(string1.length); // 14 문자열의 길이는 string 객체의 length 프러퍼티를 사용하여 간단하게 알아볼 수 있습니다. 예제를 보면 띄어쓰기도 한 문자로 취급하는 것을 알 수 있습니다. 3. 문자열 찾기 indexOf() var string1 = 'This is string'; console.log(str.. 2019. 4. 10. 이전 1 다음