JavaScript를 사용하여 요소 값 가져오기

HTML 웹페이지는 속성과 값이 서로 다른 다양한 HTML 요소로 구성됩니다.

이 튜토리얼에서는 JavaScript를 사용하여 요소의 값을 가져옵니다.

요소의 값을 가져오기 위해 value 속성을 사용합니다. value 속성의 값을 설정하거나 반환하는 데 사용할 수 있습니다.

아래 코드를 참조하십시오.

const variable = document.getElementsById(id).value;

위의 예에서는 먼저 getElementsById() 함수와 함께 해당 ID를 사용하여 필요한 요소를 검색합니다. 그러면 value 속성이 해당 값을 반환합니다.

HTML에서 onclick 이벤트 핸들러를 사용하여 요소를 선택할 수도 있습니다. 그런 다음 요소는 필수 속성을 사용하여 값을 검색하는 함수로 전달됩니다.

예를 들어,

// html
<input id = 'theId' value = 'test1' onclick = 'getValue(this)' />

    // javascript
    function getValue(e) {
      const variable = e.value;
    }