Front-end/JavaScript
[JavaScript] DOM - 노드 삭제하기
노드 삭제하기 노드.remove() 부모 노드 찾기 노드.parentNode 자식 노드 제거 부모노드.removeChild(자식노드)
전체 글
728x90
Front-end/JavaScript
[JavaScript] DOM - 속성 노드 만들기, 연결, 수정
속성 노드 만들기 createAttribute document.createAttribute('속성') 노드명.value = '속성값' 속성 노드 연결 setAttributeNode 노드명.setAttributeNode(속성노드) 속성 노드 값 가져오기 getAttribute getAttribute('속성') 속성 노드 값 수정 setAttribute setAttribute('속성명', '값') ex)
Front-end/JavaScript
[JavaScript] DOM - 노드 만들고 해당 위치에 연결하기
요소 노드 만들기 document.createElement('요소명') 텍스트 노드 만들기 document.createTextNode('텍스트') 노드 연결하기 요소 노드와 텍스트 노드를 만들면 각각 따로 존재하기 때문에 서로 연결해야 합니다. 부모노드.appendChild(자식노드) : 부모노드의 마지막 위치에 추가 텍스트 부모노드.insertBefore(새노드, 기준노드) : 새 노드를 기준노드 바로 앞에 추가 만들어진 노드를 바디태그에 추가 만들어진 노드를 태그에 추가
Front-end/JavaScript
[JavaScript] form 폼 값 가져오기
텍스트 필드 값 가져오기 요소.value name 속성 값 활용 document.name값.name.값.value checked속성이 추가된 요소 접근 document.querySelectorAll('input[name="값"]:checked') 폼 배열로 요소 접근 document.forms document.forms[인덱스].elements document.forms[인덱스].elements[인덱스] 선택 목록에 접근 요소.options
728x90