[JavaScript] dataset, attribute

1. dataset

테이블의 각 행에 추가 정보를 저장함

보이지 않는 컬럼을 만들어서 정보를 넣어놓을 필요가 없다...

 

데이터 저장 방법

let table = document.querySelector('#exampleTable');
let tbody = table.querySelector('tbody');
let row = tbody.insertRow();

row.dataset.examData = '1';

 

타입 주의: dataset 속성은 항상 문자열로 저장됨

 

 

+date 타입 input에 값을 자동으로 채우기 위해서는 YYYY-MM-DD형식이어야 함

 

 

 

 

2. form.attribute

값 초기화

const form = document.getElementById('exampleForm');
form.setAttribute('data-mode', mode);

 

값 사용

document.getElementById('exampleForm').addEventListener('submit', function(event) {
    var mode = this.getAttribute('data-mode');
    saveExample(event, mode);
});