본문 바로가기

자바스크립트(JavaScript)4

자바스크립트(JavaScript) getElementById(), getElementsByName() 이란? getElementById(), getElementsByName() 이란? getElementById()의 경우는 오브젝트의 id속성을 통해 인식하고 getElementsByName()의 경우는 오브젝트의 name을 통해 인식한다. FF에서는 위의 룰에 따라 식별하며 IE는 알아서 식별해준다. FF의 경우 getElementById()을 사용시 textarea에 id="myTextArea"가 없는 경우 또는 getElementsByName()을 사용시 textarea에 name="myTextArea"가 없는 경우 에러가 발생한다. 그리고 둘의 차이는 단수냐 복수냐 즉 단일 오브젝트냐 복수의 오브젝트(배열지정)냐로 구분할수 있다. 위의 예제처럼 2개의 동일한 id name의 텍스트 필드가 있을경우 getE.. 2013. 12. 18.
자바스크립트(JavaScript) Form.elements[] Form.elements[] 설명 폼의 입력 엘리먼트들 readonly HTMLCollection element 구문 elements는 HTML 폼 내에 나타나는 폼 엘리먼트들(Input, Select, Textarea 객체 등)을 담은 배열처럼 작동하는 HTMLCollection 객체다. 배열 내에 들어 있는 엘리먼트들은 HTML 소스 코드에 나타난 순서대로 들어 있다. 각 엘리먼트에는 그 엘리먼트의 종류를 나타내는 type 프로퍼티가 있다. 사용방법 elements[] 배열 내 어떤 아이템이 HTML 태그를 나타내고 name="name" 어트리뷰트를 통해 이름이 주어져 있으면, 이 아이템의 이름은 form 의 프로퍼티가 되고 이 프로퍼티로 이 아이템을 참조할 수 있다. 따라서 다음과 같이 번호가 아니.. 2013. 12. 18.
자바스크립트(JavaScript) 문자열 함수 자바스크립트(JavaScript) 문자열 함수 문자열.indexOf("찾고자하는문자(열)"); 문자의 index 값 출력, 0부터 시작, 대소문자 구분, 중복시 앞의 값, 존재하지 않을 경우 -1 문자열.lastIndexOf("찾고자하는문자(열)"); 뒤쪽에서부터 찾기 시작, indexOf와 찾는 방향만 다른 함수. 문자열.charAt(Index번호) 문자열에서 index번호에 해당되는 문자 리턴. 문자열.substring(시작인덱스번호, 끝인덱스번호) 문자열에서 시작인덱스번호번터 시작해서 끝인덱스번호-1까지 리턴. 끝인덱스 생략시 문자열끝까지 문자열.slice(시작인덱스번호, 끝인덱스번호) substring과 같지만 음수도 가능(음수는 오른쪽기준 0부터시작) 문자열.substr(시작인덱스번호, 리턴길이.. 2013. 12. 10.
자바스크립트(JavaScript) 엔터를 통해 강제로 Submit 하는 방법 엔터를 통해 강제로 Submit 하는 방법 onkeydown="javascript: if (event.keyCode == 13) {go_view();}" 엔터를 통해 강제로 Submit를 막기 위한 방법은 여러가지가 있습니다. 가장 쉬운 방법은 보이지 않게.. 입력박스를 하나 더만들면 됩니다. ------------------------------------------------ Example #1 소개용 예제 ------------------------------------------------ 또 다른 방법으로. Javascript 등으로 강제로 제어를 할 수 있습니다. ------------------------------------------------ Example #2 소개용 예제 ------.. 2013. 12. 9.