728x90 반응형 SMALL DOM2 [Javascript] Do it! 자바스크립트 입문 - 속성, 이벤트, 스타일 - (DOM) 공부단 7일차-2입니다. HTML 태그 속성을 가져오거나 수정하는 함수 - getAttribute(), setAttribute() 먼저 수정하려면 앞에서 배운 접근하는 함수들을 사용해서 접근 후 수정을 하면 됩니다. // 예시 document.querySelector("접근하려는 요소").getAttribute("속성명") // 해당 속성에 접근 document.querySelector("접근하려는 요소").setAttribute("속성명", "속성값") DOM에서 이벤트 처리하기 이벤트를 처리하려면 이벤트 헨들러가 필요합니다. 이벤트 헨들러란 이벤트와 이벤트 처리 함수를 연결해 주는 것입니다. 이벤트 헨들러는 이벤트 이름 앞에 on을 붙여서 사용합니다. (예를 들어 click 이벤트면 onclick=".. 2024. 1. 12. [Javascript] Do it! 자바스크립트 입문 - 문서 객체 모델 DOM 공부단 7일차-1입니다. 문서 객체 모델이란? DOM은 Document Object Model의 줄임말 입니다. DOM의 정의는 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법입니다. 즉, 웹 문서의 텍스트 / 이미지 / 표 등 모든 요소는 모두 객체라는 것 입니다. document document는 웹 문서 자체를 가리키는 DOM 요소 중 하나입니다. document는 웹 문서 자체를 가리키기 때문에 웹 문서의 요소에 접근해서 수정을 할 수 있습니다. DOM 트리 웹 문서의 태그는 요소 노드로 표현합니다. 태그가 품고있는 텍스트는 해당 요소 노드의 자식 노드인 텍스트 노드로 표현합니다. 태그의 속성은 모두 해당 요소 노드의 자식 노드인 속성 노드로 표.. 2024. 1. 12. 이전 1 다음 728x90 반응형 LIST
