web developer👩🏻‍💻

1. 추가하기 .innerHTML 부모창 html 부분 구분 위치 장치명 자식창 js 부분 var senList = ''; senList += ''; senList += ''+ sensorTypeText +''; senList += ''+ codeDetlNm +''; senList += ''+ resultInput +''; senList += ''; parent.document.getElementById("senInsertList").innerHTML += senList; 2. 삭제하기 .remove(); parent.document.getElementsByClassName("sensorListTr"+num).item(0).remove();

1. onclick vs href href : 자기 자신을 지칭하는 this 사용불가 onclick : 자기 자신을 지칭하는 this 사용가능 2. href는 왜 안될까? A 태그에서

controller에서 map.put 으로 넣어준 result 값 null인지 체크하기 function fn_test(){ $.ajax({ type: "post", url : '', data : { }, success: function(result){ if(result.testList.length== 0){ // length 가 0이면 NULL } } }); }

1. fn:contains : 입력한 문자열에 지정한 문자열이 포함되어있는지 여부를 반환 2. 사용 방법 true Not false 3. 결과 true 출력

1. 부모창(jsp)에서 자식창 팝업(jsp)으로 값 전달. openChild.document.getElementById("sDevice").value(); openChild부터 시작하여 자식창에 있는 특정 element에 접근할 수 있다. function sBtnClick(sNum){ var openChild; var sDevice = $("input[name=sDevice]").val(); openChild.document.getElementById("sDevice").value = sDevice; } 2. 자식창 팝업(jsp)에서 부모창(jsp)으로 값 전달. 자식창에서 부모창에 접근하기 위해서는 opener를 사용 opener를 이용하면 부모창에 있는 특정 element에 접근하여 값을 가져올 수..

전체 옵션1 옵션2 옵션3 1. Select Box 'id'로 접근하여 선택된 값 읽기 $("#selectBox option:selected").val(); 2. Select Box 'name'으로 접근하여 선택된 값 읽기 $("select[name=selectBox]").val(); 3. Select Box 선택한 옵션 'index' 값 얻기 $("#selectBox option").index($("#selectBox option:selected")); 4. Select Box 특정 옵션 선택시 div show/hide 셀렉트 박스 옵션 선택 시 원하는 옵션에 조건을 주고 그 조건이 맞다면 div 디자인 보이기 숨기기 $(document).ready(function() { $('#selectBox')...

JSTL은 JSP 표준라이브러리(JSP Standard Tag Library)의 약어이다. 자주 사용될 수 있는 커스텀 태그들을 모아서 표준으로 모아놓은 태그 라이브러 라이브러리 명 접두어 주요기능 uri 및 사용법 코어 c 반복문, 제어문, 페이징 처리 관련 함수 fn collection 처리, String 처리 포매팅 fmt 포맷처리, 국제화 지원 데이터베이스 sql DB관련 CRUD처리 XML x XML 관련 처리 코어 core (c) 주요 기능 변수 선언 int num = 10; 출력 System.out.println("natrue"); 변수값 remove = 삭제 if 문 맞다 if / else if / else 문 맞다 아니다 모르겠다 for 문 var : 사용할 변수명 items : Coll..

javax.servlet.http.HttpServletRequest 오브젝트가 제공하는 정보를 활용해서 정보를 얻을 수 있다. ${pageContext.request.scheme} http ${pageContext.request.serverName} localhost ${pageContext.request.serverPort} 8080 ${pageContext.request.contextPath} /test 참고: jsonobject.tistory.com/129

getElementById querySelector document.getElementById(id); document.querySelector(seletors); id를 통해 element 반환 seletor의 구체적인 그룹과 일치하는 document인 첫번쨰 엘리먼트 반환 일치하는 값이 없다면 null 반환 일치하는 값이 없다면 null 반환 처리속도 빠름 getElementById 비해 느림 리턴값 : HTMLCollection 리턴값 : NodeList HTMLCollection : name, id, index번호로 접근 가능 NodeList : index 번호로 접근 가능 getElementById : id 값 querySelector : 첫번째 값 하나만 가져온다. querySelectorAl..

자바스크립트를 이용하여 HTML 요소를 동적으로 삭제하기 1. remove : 요소를 삭제 // remove function remove1Function(){ var veBtnRmv = document.getElementById("veBtnId"); veBtnRmv.remove(); } 2. removeChild : 부모에게서 자식 객체를 떼어내기 (=삭제) // removeChild function remove2Function(){ var veList = document.getElementById("veList"); veList.removeChild(veList.childNodes[0]); } Test childNodes 자식 노드에 접근 NodeList 반환 children 자식 요소에 접근 HTML..