본문 바로가기

학원 일기/학원-JavaScript

JS8

태그의 dataset 속성

 

태그에 data-key(이름상관없음) = "value" 를 추가하면 

 

--> 해당객체의 datatset이라는 속성에 key는 키이름 value는 키값으로 추가된다

그래서 console.log(객체.dataset.key) 를 입력할경우 --> value를 출력한다.

 

(  여기서 브라우저의 console창에 출력되는 value는 단순 정보를 담은 문자에 불과하다  )

 

이어서 value에 JSON형태의 값을 형식에맞춰(키와 값이 ""에 포함되게끔) 작성후

console.log(객체.dataset.key)을 입력할경우 --> {"키" : "값 , "키":"값"}의 문자를 출력한다

 

이제 해당 태그만 가져올수 있게된다면 

JSON.parse(객체.dataset.key); 를이용해 해당 값을 JSON의 형태로 변환 시킬수 있다.

 

결론적으로 태그에 JSON형태로 변환가능한 JSON문자열들을 리스트형식으로 보관할수 있게된다.

 

태그마다 함수가 있는것같다

ex) form태그의 객체를 가져오면 객체.submit(); 으로 해당 form을 제출하는 형태를 얻을수있다

 

name을활용하여 폼태그에 접근이 가능하다

 

날짜 생성하는 방법

 

new Date() - 현재시간 반환

new Date('날짜형식;); 원하는 값만 반환

new Date().getMilliseconds(); - 밀리초로 반환

getFullyear() - 년도로 반횐

getMonth()+1 - 월로 반환

getHour() -시간반환

getMinutes() - 분반환

getSeconds() - 초반환

getTime() - 밀리초 반환

 

 

 

'학원 일기 > 학원-JavaScript' 카테고리의 다른 글

JS10  (0) 2021.06.08
JS9  (0) 2021.06.07
JS7  (0) 2021.06.03
JS6  (0) 2021.06.02
JS5  (0) 2021.06.01