HTML 요소 객체 가져오기: 1.방법:document.getElementById ('id '): 반환 결과는 하나의 대상입니다. 두 개의 탭이 같은 id를 가지고 있다면 첫 번째 탭 대상인 문서를 반환합니다.getElementsByTagName ('탭 이름'): 결과를 되돌려줍니다. 결과는 하나의 대상 집합입니다. 그룹 형식으로 함께 놓입니다. - 문서.getElementsByName ('탭 name 속성의 값'): 결과를 되돌려줍니다. 결과는 하나의 대상 집합입니다.getElementsByClassName ('클래스 이름'): IE6~8에서 호환되지 않는 대상 집합을 되돌려줍니다.querySelector('...') : - document.querySelectorAll('...') : - document.getElementsByName (): IE에서 테이블 요소만 유효합니다 -this 파라미터를 통해 함수에 감시 대상을 전달합니다.속성: - document.바디:바디라는 라벨을 전문적으로 가져오는 -document.head - document.documentElement: html이라는 탭을 전문적으로 획득하는 - childNodes: 모든 하위 노드를 획득하는 - children: 모든 요소의 하위 노드를 획득하는 것(IE 호환성 차이) - firstChild/firstElementChild - lastChild/lastElementChild - previousSibling/previousElementSibling - nextSibling/nextSibling ElementSibling/nextSibling/nextSibling/nextSibling/nextSibling
HTML 요소의 첨삭 수정
증가
생성
document.createElement(...)
document.createTextNode(...)
문자열 결합(템플릿 문자열), innerHTML/innerText를 통해 용기에 넣기
삽입
appendChild()
insertBefore(E1,E2)
cloneNode(T/F)
removeChild()
설정
요소의 속성 설정
setAttribute('E' , 'Value')
setattribute('E'): 획득
removeAttribute('E')
요소의 스타일 수정 - Ele.style.xxx = xxx//요소의 행 클래스 스타일 설정 - Ele.className = xxx - console.log(Ele.style.xx)//요소의 행 클래스 스타일 가져오기
