어제 오늘 내일

HTML로 이미 정의한 버튼의 이름을 이벤트가 발생했을 때 변경하는 방법입니다. 여기서는 버튼을 클릭했을 때, 버튼의 이름을 변경해 보도록 하겠습니다. 1. 일 경우 2. 일 경우 1. 일 경우 function changeBtnName() { const btnElement = document.getElementById('btn'); btnElement.value = "새이름!"; } btnElement.value = "새이름!"; 버튼이 으로 정의된 경우 element의 value 값을 변경하여, 버튼 이름을 변경할 수 있습니다. 2. 일 경우 텍스트 변경 하기 클릭!! function changeBtnName() { const btnElement = document.getElementById('btn'..

HTML에서 다른 페이지로 이동할 수 있는 링크를 생성하면 기본적으로 아래에 밑줄이 표시됩니다. 블로그 메인으로 가기 CSS를 적용해서 이 밑줄을 없애는 방법을 알아보겠습니다. 밑줄 없애기 (text-decoration-line) 블로그 메인으로 가기 a { text-decoration-line: none; /* text-decoration-line: underline; */ /* text-decoration-line: overline; */ /* text-decoration-line: line-through; */ /* text-decoration-line: underline line-through overline; */ } 밑줄을 없애기 위해서 'text-decoration-line' 속성을 none..

지난 번에는 테이블에 행(row)를 추가/삭제하는 방법을 알아보았습니다. 이번에는, 테이블에 열을 추가하고, 삭제하는 방법을 알아보도록 하겠습니다. 열(column) 추가하기 사과apple 오렌지orange 바나나banana function addColumn() { const table = document.getElementById('fruits'); for(let i = 0; i < table.rows.length; i++) { const newCell =table.rows[i].insertCell(-1); newCell.innerText = 'New'; } } document.getElementById('fruits'); 열을 추가할 테이블을 선택합니다. table.rows.length; 테이블의 행..

HTML에서 링크된 페이지를 새창 또는 새탭으로 여는 방법입니다. 블로그 새창에서 열기 태그로 링크된 페이지를 새창 또는 새탭으로 열기 위해서는 target 속성을 추가하고, 그 값을 '_blank'로 지정해야합니다. 하지만, 아쉽게도 '새창'에서 열 것이냐, '새탭'에서 열 것이냐는 HTML로 지정할 수 없습니다. 그것은 사용자 브라우저의 설정을 따릅니다. 인터넷 익스플로러(IE) 링크 새탭/새창에서 열기 설정 구글 검색 결과 새탭에서 열기

인터넷 익스플로러에서 링크를 클릭했을 때, 새창에서 열지, 새탭으로 열지 설정하는 방법입니다. 1. 설정 > 인터넷 옵션 2. 일반 탭 > 탭 3. 다른 프로그램의 링크 새탭에서 열지, 새창에서 열지 선택합니다. 저는 링크를 새탭에서 열기로 선택하였습니다. 이 설정은 컴퓨터를 다시 시작한 이후부터 적용됩니다.