요소 추가/삭제 1) 요소 생성 document.createElement("태그"); // document.createElement("p"); 2) 요소 추가 document.appendChild(요소); 요소 생성/추가 3) 요소 삭제 document.removeChild(요소); 버튼 추가 삭제 4) 요소에 이벤트 핸들러 추가 요소.onclick = 함수
innerHTML 여는 태그와 닫는 태그 사이의 값이다. aaa 의 경우, 태그 사이의 aaa 의 값을 말한다. ⬇️ 예시는 아래 링크의 글들에서 확인할 수 있다. https://skylarcoding.tistory.com/search/innerHTML 코딩 학습 중 ... skylarcoding.tistory.com 요소 속성값 요소.attribute = 새값; 요소.setAttribute("속성명", "값"); 요소.getAttribute("속성명"); //속성값 반환
HTML DOM Documnet Object Model (문서 객체 모델) HTML DOM 모델은 HTML등의 문서를 위한 객체의 인터페이스라고 보면 된다. DOM은 아래와 같은 구조로 표현된다. DOM은 HTML의 요소를 받고, 변경하고, 추가하고, 삭제하는 방법 등을 제공한다. 1. 요소 추출 메서드 id를 받아오는 메서드는 아이디 한개만 받아오니 문법 사용에 주의해야한다. document.getElementById("아이디"); //요소 한개 (id) 반환 //아이디는 중복되지 않으니 element, s를 붙이지 않는다. document.getElementsByTagName("태그명"); // 등의 태그. 동일한 태그명을 찾아서 배열에 담아 반환 document.getElementsByClassNa..
회원가입 폼 조건과 내가 만든 코드는 아래 링크에서 볼 수 있다. https://skylarcoding.tistory.com/56 코드 강사님이 해주신 코드. 내가 한 것과는 반대로 주어진 조건이 일치하지 않을 경우를 if 의 조건으로 넣어 return 해주었다. 훨씬 간단한 코드가 나온다. Servlet 파일을 생성해 값을 받아 HTML 문서까지 만들어보았다. 회원가입 폼 id : 6글자 이상 작성 pwd : 5글자 이상 작성 pwd 확인: email : Servlet 이용해 클라이언트에게 보내줄 HTML 문서 생성하기 package test; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletExcep..
⬇️ 회원가입 폼 조건더보기idpwdpwd확인이메일 가입버튼 누르면id는 6글자 이상 필수사항 (유효성 체크)pwd 5글자 이상 pwd 확인과 일치, 필수사항 내가 만든 코드if로 조건을 설정했다. 조건에 만족할 경우에만 html 변수에 받았고, 아닐 경우에는 return 으로 돌려줬다.정답을 보고 한번 수정해 본 코드고, 실제로 만들었을 때 return 을 넣지 않아 조금 헤맸다. 사실 처음에 글자 제한 .. 알림... 뭐 그런 코드 썼던건 안비밀 ㅠif 로 pwd와 pwd확인을 비교하는 것까지는 생각했지만,다른 조건들도 if 에 넣어줄 생각을 못함. return : 현재 메서드 종료. 잊지말기. 강사님이 해준것과 비교하면 좀 지저분... 회원가입 폼id : 6글자 이상 작성 pwd : 5글자 이상..
폼 양식 자바 스크립트 (JS) 로 불러내기 폼 양식을 자바 스크립트로 불러오는 문법이다. text, password, number 폼 받기 변수 html 에 위 문법을 사용해 값을 받고 html 변수를 출력하는 코드이다. 폼 양식 종류 id : pwd : phone :
변수 계속 변하는 값 var 변수명; let 변수명; //지역변수 (블록 내/외) 가능 //전역변수. 어느 함수나 사용 가능 var a = 1; let b = 2; function f1() { //함수 호출 안하면 실행 안된다 alert("f1()a:" + a); //1 alert("f1()b:" + b); //2 var x = 3; //지역변수. f1() 함수에서만 사용이 가능하고 f2()에서 쓰지 못한다. let y = 4; alert("f1()t:" + t); //변수를 정의하지 않으면 에러 발생 alert("f1()x:" + x); //3 alert("f1()y:" + y); //4 } function f2() { alert("f2()a:" + a); //1 alert("f2()b:" + b); ..
아래와 같은 형식의 방명록을 만들어보자. 작성자 비밀번호 글내용 작성 글 ... 수정 삭제 1 t1과 div에 style 넣기 2 let cnt = 1; cnt 1로 선언 3 function a(){ let writer = f.writer.value; let pwd = f.pwd.value; let content = f.content.value; 변수에 html에서 받아온 값을 담음. 4 let el = mkDiv(writer, pwd, content); (3)의 변수를 mkDiv 파라메터에 받음 (6) 으로 이동 (mkDiv 함수) * mkDiv = newDiv = el 5 let list = document.getElementById("list"); list.appendChild(el); } id 가..
