JavaScript에서 HTML 요소 값을 얻는 세 가지 방법

JavaScript에서 요소를 얻는 세 가지 방법이 있습니다.

1. getElementByid () 메소드 : ID를 통해 HTML 요소를 가져옵니다.

2. getElementsByName () 메소드 : 배열 인 이름을 통해 요소를 가져옵니다.

3. getElementsByTagName () 메소드 : 배열 인 HTML 태그를 통해 요소를 가져옵니다.

값을 얻으려면 다음과 같은 값을 사용할 수 있습니다. var x = document.getElementById ( "id").

방법 1 : getElementById () 메소드

지정된 ID로 첫 번째 객체에 대한 참조를 반환합니다.

구문 : document.getElementById (id)

DOM 프로그래밍에서 매우 일반적입니다. 이름이 짧은 getElementByid () 메소드를 사용할 수 있도록 공구 함수를 정의 할 수 있습니다.

 function id (x) {if (typeof x == "string") {return document.getElementById (x); 반환 x;}

방법 2 : getElementsByName () 메소드

문서의 이름 속성은 고유하지 않을 수 있으므로 (예 : html 양식의 라디오 버튼과 같은 일반적으로 동일한 이름 속성을 갖는) 모든 getElementsByName () 메소드는 요소가 아닌 요소 배열을 반환합니다.

예를 들어, 다음 코드는 이름이 "inputtext"인 양식의 첫 번째 요소를 얻을 수 있습니다.

var myparagragh = document.getElementsByName ( "inputText") [0] .Value;

방법 3 : getElementsByTagName () 메소드

문서의 구조를 잘 알고 있다면 GetElementsByTagName () 메소드를 사용하여 문서에서 특정 요소를 얻을 수도 있습니다.

예를 들어, 다음 코드는 문서에서 두 번째 단락의 값을 얻을 수 있습니다.

var myparagragh = document.getElementsByTagName ( "p") [1] .Value;

위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.