JavaScript

window.onload = function() { const u1 = { name: 'Cynthia' }; const u2 = { name: 'Jackson' }; const u3 = { name: 'Olive' }; const u4 = { name: 'James' }; const userRoles = new Map(); userRoles.set(u1, 'User'); userRoles.set(u2, 'User'); userRoles.set(u3, 'Admin'); userRoles.get(u1); //User userRoles.has(u1); //true userRoles.size; // (요소의 갯수를 반환) userRoles.keys(); // 이터레이터는 순회할수 있음(for..of) // Ar..

BUTTON 위 코드를 전제로, window.onload=function(){ console.log(document.forms); } //[form, formBox: form] //HTMLCollection window.onload=function(){ console.log(document.formBox); } //... //HTMLFormElement window.onload=function(){ for(let i of document.formBox){ console.log(i); } } /* BUTTON */

Box 1 Box 2 Box 3  HTMLCollection" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스- 유사배열이면서 이터러블한 객체.- document객체의 메서드들로 접근한 요소들의 컬렉션.- DOM의 상태에따라 실시간으로 업데이트 되는 동적인 컬렉션.Paragraph 1Paragraph 2Paragraph 3NodeList" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스- 유사배열이면서 이터러블한 객체.- CSS선택자로 접근한 요소들의 컬렉션.- DOM의 상태에따라 실시간으로 업데이트 되지않는 정적인 컬렉션.