nc2u Blog

HTML5 특정 요소와 연관되어 있지만 확정된 의미는 갖지 않는 데이터에 대한 확장 가능성을 염두에 두고 디자인 되었다. data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUserData()과 같은 다른 조작을 하지 않고도, 의미론적 표준 HTML 요소에 추가 정보를 저장할 수 있도록 해준다.HTML 문법섹션문법은 간단하다. 어느 엘리멘트에나 data-로 시작하는 속성은 무엇이든 사용할 수 있다. 화면에 안 보이게 글이나 추가 정보를 엘리멘트에 담아 놓을 수 있다. 아래 data 사용법이 있다: ... JavaScript 에서 접근하기섹션JavaScript 에서 이 속성 값들을 읽는 방법은 너무 간단하다. 값을 읽기 위한 완전한 HTML 이름과 함께 getAttribute()..