전체 글485 Cannot read property 'getElementsByTagName' of null 오류 자바스크립트를 쓰다보면Cannot read property 'getElementsByTagName' of null 오류가 날 때가 있다. 이는 document.body 안에 해당 Name 의 값을 읽지 못했을 때 생기는 오류다. 값을 읽지 못하는 경우는 다음 과 같다.1. name값이 잘못 되었을 때2. name값이 만들어지기 전에 script가 실행되었을 때더 있을지도 모르나 내경험상 크게는 저 둘 중 하나다. 1. 의 해결방법은 name값을 맞게 고치면 된다. 그러나 2. 의 경우는 스크립트가 소스의 상단, 즉 스크립트가 해당 name이 있는 줄 보다 상단에 있을 때 발생했다.스크립트 소스를 body 의 하단에 배치하면 오류가 해결 가능하다. 2018. 10. 6. 테이블 행 추가, 열 추가 행이나 열을 동적으로 추가하고 싶다면 다음 소스를 이용하자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 .. 2018. 10. 6. 자바스크립트 이벤트 루프 강의 https://www.youtube.com/watch?v=8aGhZQkoFbQ 2018. 10. 6. 버튼 클릭하면 이미지 변경하기 버튼을 클릭하면 특정 이미지를 다른 이미지로 변경시킬 수 있다. 이는 동적인 작업으로 자바스크립트를 이용하면 좋다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 버튼 클릭하면 이미지 변경 하기 img {width: 300px;} function changeImg() { var img1 = document.getElementById("img1"); img1.src="images/2.jpg" // 2.jpg로 이미지 변경 } 이미지에 각 id값을 주고 '이미지 변경하기' 버튼을 클릭하면 함수 changeImg를 호출한다. img1인 이미지의 src 정보를 경로 "images/2.jpg"로 바꾼다는 내용이다.. 클릭할 때 매다 반복적으로 이미.. 2018. 10. 6. 텍스트박스에 힌트 텍스트 넣기 placeholder placeholder 속성은 익스플로러의 경우 10 부터 지원되며, 지금은 거의 윈도우10 쓰는지라 거의 다 될것이라 본다. 사용방법은 간단하다. 이렇고 실제로해보면 이렇다. 2018. 10. 6. 파라미터 전송 - GET, POST 방식 웹페이지에서 데이터를 전송할 때 2가지 방식이 있다. get 방식과 post 방식이다. - 입력한 데이터를 URL에 붙여서 전송한다. 데이터가 다 보이므로 보안에 취약하다. - 전송할 수 있는 데이터는 256바이트를 넘을 수 없다. - 전송속도는 POST방식 보다 빠르다. - 입력한 데이터를 본문안에 포함해서 전송한다. - 입력한 데이터가 URL에 보이지 않으므로 GET방식 보다 보안에 우수하다. - 전송할 데이터의 길이에 제한이 없다. - 복잡한 형태의 데이터를 전송할 때 유용하다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 4.. 2018. 10. 6. jsp 유효성 검사 [유효성검사]DB는 Server만 접근가능. 웹 브라우저는 DB접근 불가능. java : Server 처리.Javascript, CSS, html : 웹 브라우저 처리. (서버로 넘어갈 필요 없다.)유효성 검사 (ID필수 입력 등은 웹 브라우저에서 처리)유효성 검사 (ID중복검사는 Server에서 처리 (Java로 처리) -> DB에 ID를 찾아서 중복된 것을 찾아야 하기 때문에)그래서 왠만하면 유효성 검사를 할 때 웹브라우저(자바스크립트, CSS, html)을 이용해서 처리해야 함.※특히 Spring을 배울 때 유효성 검사를 할 때 Spring에서 처리하라고 하는데, 자바스크립트로 처리해야 함. Spring에서 처리한다면 서버에서 처리하는데 서버부담이 늘어나는 액션은 최대한 줄이는 것이 좋다.. 2018. 10. 6. jsp 넘어온 값(request) 확인 이전페이지에서 전달된 request 값을 확인할때 PHP 문법 1 2 3 while (list($key, $val) = each($_REQUEST)) { echo $key . " = " . $val . " "; } jsp 문법 1. request.getParameter("name") name 속성에 해당하는 데이터를 1개 가져옵니다. 이 때 name 속성에 입력된 값이 없으면 아무것도 없는 문자열이 넘어옵니다. name 속성 자체가 없으면 null이 넘어옵니다. 이 메서드로는 체크박스나 select처럼 2개 이상의 값을 선택하는 경우에는 파라미터를 읽을 수 없습니다. 2. request.getParameterValues("name") name 속성에 해당하는 데이터를 String[]로 가져옵니다. 체크박.. 2018. 10. 6. php 넘어온 값(request) 확인 이전페이지에서 전달된 request 값을 확인할때 PHP 문법 1 2 3 while (list($key, $val) = each($_REQUEST)) { echo $key . " = " . $val . " "; } jsp 문법 1. request.getParameter("name") name 속성에 해당하는 데이터를 1개 가져옵니다. 이 때 name 속성에 입력된 값이 없으면 아무것도 없는 문자열이 넘어옵니다. name 속성 자체가 없으면 null이 넘어옵니다. 이 메서드로는 체크박스나 select처럼 2개 이상의 값을 선택하는 경우에는 파라미터를 읽을 수 없습니다. 2. request.getParameterValues("name") name 속성에 해당하는 데이터를 String[]로 가져옵니다. 체크박.. 2018. 10. 6. 이전 1 ··· 40 41 42 43 44 45 46 ··· 54 다음