어제 오늘 내일

테이블 행 개수 구하기 Header Row 1 Row 2 Row 3 Footer const table = document.getElementById('myTable'); const totalRowCnt = table.rows.length; result.innerText = '전체 행 개수: ' + totalRowCnt + '\n'; const tbody = table.tBodies[0].rows.length; result.innerText += 'Tbody 행 개수 : ' + tbody; 전체 행 개수 table.rows.length; HTMLTableElement는 rows라는 속성을 가지고, 이 속성은 모든 element를 포함하는 HTMLCollection 객체를 리턴합니다. (, , 안의 모든 을..

class 이름 읽기 class 추가/수정 class 삭제 class toggle 특정 클래스 이름이 class 속성에 포함되는지 확인하기 1. class 이름 읽기 예제 1. className function handleOnClick() { alert(document.getElementById('ex').className); } document.getElementById('ex').className; element.className 속성은 element의 클래스 이름을 문자열로 리턴합니다. 예제 2. classList // class 이름 읽기 function getClassName() { alert(document.getElementById('ex').classList); } // class item..

지난번에는 Javascript에서 사용할 수 있는 알림창의 종류에 대해서 알아보았습니다. [Javascript] 알림창 종류 (alert, confirm, prompt) 모든 알림창에는 메시지를 표시할 수 있는데, 이 메시지를 줄바꿈하여 여러줄 표시할 수 있는 방법을 알아보도록 하겠습니다. function handleOnClick() { alert('a\nb\nc'); alert(`d e f`); } '\n'을 이용하는 방법 alert('a\nb\nc'); 줄바꿈을 하고 싶은 곳에 '\n'을 입력합니다. 템플릿 문자열을 이용하는 방법 alert(`a b c`); 백틱(`)으로 감싸인 문자열인 템플릿 문자열을 이용하면 백틱 사이의 내용이 그대로 문자열로 전환됩니다. 줄바꿈 표시도 따로 '\n'을 쓸 필요없..

Javascript에서 사용할 수 있는 메시지 박스 3종류 alert confirm prompt 1. alert function handleOnClick() { alert('Hello!!'); } alert()은 사용자가 확인 버튼을 누를때까지 메세지를 보여주는 창입니다. 2. confirm function handleOnClick() { let like = confirm("좋아요 눌러주실거죠?"); document.getElementById('result').innerText = like; } confirm()은 사용자에게 메세지를 보여주고, [확인/취소] 중 둘 중 하나를 선택하도록 합니다. confirm()은 사용자가 [확인]을 선택하면 true를 리턴하고, [취소]를 선택하면 false를 리턴합니..

2개 이상의 객체를 합쳐서 하나의 객체로 만드는 방법 4가지를 소개합니다. 반복문 사용하기 Object.assign() Spread Operator (전개연산자) _.merge() (lodash 라이브러리) 1. 반복문 사용하기 const obj1 = { name : 'banana', price : 1000 }; const obj2 = { name : 'banana', price : 2000, count : 10 }; // merge object 함수 function mergeObj(obj1, obj2) { const newObj = {}; for (let att in obj1) { newObj[att] = obj1[att]; } for(let att in obj2) { newObj[att] = obj2..