[공통] 멤버(Member)

멤버(Member)

• 멤버란 어떠한 객체가 가지는 속성(Property)과 함수(Function)를 의미한다.
• 속성이란 호출 가능한 것이 아닌 값 자체이다.
• 함수란 호출 가능한 것이다.

 

---

1. 요소(Element)의 속성

• x.innerText : 요소 x의 내부 텍스트 내용을 가져오거나 지정한다.
• x.innerHTML : 요소 x의 내부 HTML 내용을 가져오거나 지정한다.

대표사진 삭제

x.innerText / x.innerHTML

---

2. 폼 요소(Form Element)의 속성

• x.onsubmit : form 인 요소 x의 type이 submit인 input을 클릭하거나, 각 input에서 엔터키를 눌러 해당 form을 최종적으로 전송하고자 했을 때 발생하는 이벤트에 대한 함수인 속성이다.

- 해당 이벤트 함수의 반환 값이 false인 경우 요청이 진행되지 않는다.

- 해당 이벤트 함수의 첫번째 전달 인자의 preventDefault() 함수 호출 시 요청이 진행되지 않는다.

someForm.onsubmit = () => {
    alert('서브밋 버튼을 눌렀다.');
};

 

someForm.onsubmit = () => {
    // 요청이 진행되지 않는다.
    return false;
};

 

someForm.onsubmit = (e) => {
    // 요청이 진행되지 않는다.
    e.preventDefault();
};

---

3. input 혹은 select 요소의 멤버

• value : 해당 input 요소에 입력된 문자열 값 혹은 select 요소에서 선택한 option의 value 속성 값이다.

// html
<form id="someForm">
    <input name="someInput" value="어떤 인풋">
</form>

 

const someForm = window.document.getElementById('someForm');
const someInput = someForm['someInput'];
someInput.value; // '어떤 인풋'

 

• select() : 해당 <input> 태그에 작성된 내용을 전체 선택한다.

 

---

문자열(String)의 속성

- x.length : 문자열 x의 길이이다.