석봉노트 석봉노트

DEV/javascript

• Javascript 부등호 및 특수문자 변경 (문자열 변경 활용, <br>, &gt;, &lt;, &quot;, &nbsp;, &amp;, &#039;)

  DEV/javascript 2022. 10. 29. 15:55

  이거... 뭐라 설명해야 할지 모르겠다. , >, ,

  Read More
• HTML Input 문자 최대 입력 제한

  DEV/javascript 2022. 10. 29. 15:40

  HTML INPUT 태그의 글자수 최대 제한 설정 방법 (Textarea 태그도 동일하다.)

  Read More
• jQuery 특정 선택자 찾기 (find)

  DEV/javascript 2022. 10. 29. 15:30

  작업을 하다 보면 특정 선택자 내부에 있는 특정 요소를 가져와 사용하게 된다. 특정 범위 내 선택자를 찾아 사용하려면 다음과 같이 사용 가능하다. ...(생략) ...(생략) 위 샘플 HTMl 에서 innerDiv 안에 있는 모든 select를 가져오려고 하는 경우 다음과 같이 사용하자. (배열로 긁어온다.) $("#innerDiv").find('select');

  Read More
• Javascript 클래스 리스트 조회 및 클래스 포함 여부 판단

  DEV/javascript 2022. 10. 29. 15:24

  특정 Element의 클래스 리스트를 파악하거나 특정 클래스를 포함하는지 확인이 필요한 경우가 있다. 다음과 같이 클래스 리스트 조회 및 클래스 포함 여부를 판단할 수 있다. test.js /** * [가지고 있는 클레스리스트(class list) 조회 방법과 포함하는 클래스를 찾기] * - classList : 클레스 리스트 조회 * - contains : ('d-none' class를)포합하고 있는가? (true or false return) */ const sampleEle = document.getElementById("sampleEle"); const isDnone = sampleEle.classList.contains('d-none');

  Read More
• Javascript 자식의 Function를 참조하는 방법

  DEV/javascript 2022. 10. 29. 15:00

  작업을 하다보면 하위 자식 함수에 접근이 필요한 경우가 있다. ( 대표적으로 iframe을 사용하는 경우 ) 다음과 같이 접근이 가능하다. /** * [자식 함수에 접근하는 방법] * - 현재 document 하위(자식) sampleEle 내부에 있는 functionName이라는 함수에 접근한다고 가정하자. */ document.getElementById("sampleEle").contentWindow.functionName(parameter); jQuery 방식은 다음과 같이 사용 $('#sampleEle').get(0).contentWindow.functionName(); 비슷한...? https://seokbong.tistory.com/98 Javascript 자식의 element를 참조하는 방법 ..

  Read More