728x90 반응형 JS&CSS3 [JavaScript]문자열 안에 특정문자 포함 여부 확인 및 치환 방법 js문법 정리를 시작하기로 함! 1.문자열 안 특정문자 포함 여부 -indexOf(특정문자 포함시 인덱스값 반환, 없으면 -1) a="test!"; a.indexOf('!'); -includes(있으면 true, 없으면 false) a.includes('!'); -search(특정문자 포함시 인덱스값 반환, 없으면 -1) -exp(정규식) b=/te/; b.test(a); 또는 a.search(b); 2.치환 -replace(하나만) a="test!" a.replace('!','?'); -replace(몽땅) a="test test test" a.replace(/test/,"ggg");//정규식 리터럴 또는 b=new RegExp("te+t");//생성자함수 a.replace(b,"ggg"); 또는 b=.. 2019. 4. 9. CSS display 속성(block,inline 등) display 속성 -none: 태그가 보이지 않게 됨. visibility 속성을 hidden으로 설정한 것과 달리, 영역도 차지하지 않음. -block:,태그 등이 이에 해당됨(줄바꿈). width, height 속성 지정 가능하며 레이아웃 배치시 주로 쓰임. -inline: ,, 태그 등이 이에 해당됨. 줄바꿈이 되지 않고 width, height 속성 지정 불가능 -inline-block: block과 inline 중간 형태로 줄바꿈은 되지 않지만 크기 지정 가능함 2018. 12. 16. CSS 선택자 정리 css 선택자 css에 대한 선택자를 공부하면서 정리해보았다. 기본 선택자{ 속성1: 값1; 속성2: 값2;} 태그선택자Ex) span { color: red; }div { color: blue; } id,class 선택자Ex) #아이디{ 속성1:값1; 속성2:값2; }.클래스명{ 속성1:값1; 속성2:값2; } 부모,자식 선택자Ex) 선택자1 선택자2{ 속성1:값1; 속성2:값2; } 선택자 사이에 공백을 넣은 선택자는 부모태그 하위 태그에 스타일 적용함 ul > li{ list-style:none;} '>' 특수문자는 공백과 비슷하지만 두 태그사이에 다른 태그가 없는 순수 부모 자식 관계만 적용됨 다중 조건 선택자1. Ex) 태그이름#아이디{ 속성1:값1; 속성2:값2; } 여러 조건 만족하는 태그에.. 2018. 12. 16. 이전 1 다음 728x90 반응형