Date 생성자
날짜와 시간을 표현하는 생성자
var now = new Date();기본 결과 ex) Mon Jan 30 2023 21:54:06 GMT+0900 (한국 표준시)
| now.getFullYear() | 연도 반환 |
| now.getMonth() | 월 반환 (0부터 시작) |
| now.getDate() | 날짜 반환 |
| now.getDay() | 요일 반환 (0이 일요일) |
| now.getHours / Minutes / Seconds | 시간 / 분 / 초 반환 |
| now.toLocalDateString() | 날짜 정보 (yyyy.mm.dd) 형태로 반환 |
| now.toLocalTimeString() | 시간 정보 (오전/오후 hh:mm:ss) 형태로 반환 |
form 접근
form은 배열형태로 0부터 차곡차곡 쌓여간다.
만약 첫 번째 요소의 첫번째 하위 요소를 선택할 때는 [0][0]으로 접근해야 한다.
폼에 접근하는 방법
- document.폼이름
- document.form[index]
select 접근
select변수.options[select변수.selectedIndex].text현재 select box를 가져온다.
var check = document.getElementById("selectbox");select box에서 선택된 값을 가져온다.
var text = check.options[check.selectedIndex].text
selectbox 값이 변경될 때마다 값을 가져오는 방법
<body>
<select id="selectbox" onchange="change()">
<option>1 selected</option>
<option>2 selected</option>
<option>3 selected</option>
<option>4 selected</option>
</select>
<script type="text/javascript">
function change(){
let SB=document.getElementById("selectbox");
console.log(SB.options[SB.selectedIndex].text)
}
</script>
</body>
innerHTML vs innerText vs textContent
공통점 : 텍스트를 읽어온다.
<div id="ex">
<p>안녕하세요</p>
</div>
innerHTML : element내 포함된 HTML을 가져오거나 태그를 설정할 수 있다.
console.log(document.getElementById("ex").innerHTML) //<p> 안녕하세요 </p>console.log(document.getElementById("ex").innerHTML)="<h2> 안녕하세요 <h2>";-> element 내 태그를 포함한 내부 HTML 코드를 변경하거나 가져올 때 사용
innerText : element내 포함된 text 값을 가져오거나 설정할 수 있다.
console.log(document.getElementById("ex").innerText) //안녕하세요-> element 내 text를 변경하거나 가져올 때 사용
textcontent : element내 포함된 모든 text 값을 가져오거나 설정할 수 있다.
<div id="ex">
<p style="display: none;">안녕하세요</p>
</div>console.log(document.getElementById("ex").textContent) //안녕하세요-> element 내 숨겨진 text를 변경하거나 가져올 때 사용
'멀티잇 풀스택' 카테고리의 다른 글
| 7 week_3 JQuery (0) | 2023.02.02 |
|---|---|
| 7 week_2 XML, JSON (0) | 2023.02.01 |
| 6 week html & css (0) | 2023.01.30 |
| 4,5 week 알고리즘 (0) | 2023.01.09 |
| 3 week MYSQL (0) | 2023.01.03 |