[국비 코딩 수업 9일차!] 5. 자바스크립트

4) 생성, 조회, 수정

 

- document.createElement(): 메모리에만 존재하는 새로운 HTML요소를 생성하고 반환

- E. prepend(), E.append() : 노드를 첫번째 혹은 마지막 자식으로 삽입(여러 개 추가 가능)

- E .remove() : 요소 제거

 

- E .insertAdjacentElement() : 대상요소의 지정한 위치에 새로운 요소를 삽입

            insertAdjacentElement(위치, 새로운 요소)

              <!--   beforebegin    -->

              <div class="target">

                                내용

             <!----     beforeend       --->

             </div>

             <!-- afterend -->

 

- N.insertBeffore(추가할 노드, 참조할 노드)

- N.contains(주어진 노드)  : 주어진 노드가 자신을 포함한 후손인지 확인.

- N. textcontent : 노드의 텍스트를 얻거나 변경한다.

- E. inerHTML : 요소의 모든 html내용을 하나의 문자로 가져오거나, 새로운 html을 지정한다.

 

 

태그 안에 든 속성을 추가할 때 씀

 

- E. dateset : 'date-' 속성값을 얻거나 저장한다.

- E. tagName : 요소의 태그명을 반환

- E. id : 요소의 id속성값을 얻거나 지정한다.

- E. className : 요소의 class 속성값을 얻거나 지정한다.

 

 

 

- E.classLIst : 요소의 class 속성값을 제어

                add(), remove(), toggle(), .contains()

- E.getAttribute("속성명"), E.setAttribute("속성명", "값");

- E.hasAttribute("속성명")

- E.removeAttribute("속성명")

- E.style : 요소의 style속성의 css속성값을 얻거나 지정한다.

- widow.getComputerdStyle() : 요소에 적용된 스타일 객체를 반환.

 

 

 

 

setTimeout  - 몇초 후에 창이 뜨게 만드는 방법.

 

 

---

 

10일차! 1. 데이터베이스 이론