JavaScript/DOM

JavaScript/DOM

DOM의 클래스 선택자로 접근하려고 할 때.

getElementsByClassName을 선택하면 HTML Collection 요소로 반환한다. let classNum = 0; function inputWord() { let word = document.getElementById('word').value; let htmlWord = '' + word + ''; // 만약 classNum이 0보다 크면 word+(classNum-1) 값을 갖는 class를 가져온다. if (classNum > 0) { // 이전단어. let beforeWord = document.getElementsByClassName('word' + (classNum - 1))[0].innerText; // 이전단어의 시작문자와 입력단어의 끝문자를 비교. // 둘이 같으면 화면상에..

JavaScript/DOM

DOM 에 html 을 출력하는 함수.

1. form element를 불러와서 insertAdjacentHTML 해준다. insertAdjacentHTML 은 HTML 추가 함수들 중에서 가장 성능이 좋다. insertAdjacentHTML 의 첫번째 파라미터는 HTML을 넣을 위치를 지정한다. 2. 두번째 방법은 input 요소를 만들어서 form 요소에 붙여넣는 방법.

PCOSPD 100LRE SCRIE4A2
'JavaScript/DOM' 카테고리의 글 목록