DOM 객체의 구조
이것은 문장입니다.
CSS3 스타일의 동적 변경
이것은
문장입니다.
innerHTML 활용
여기에 클릭하세요
This 키워드 활용
여기 클릭하면 크기와 색 변경
document 객체의 프로퍼티 출력
내가 좋아하는 과일
저는 빨간 사과를 좋아해서
아침마다 한 개씩 먹고 있어요. 운동할 때는 중간 중간에
바나나를 먹지요. 탄수화물 섭취가 빨라
힘이 납니다. 또한 달콤한 향기를 품은 체리와
여름 냄새 물씬 나는 자두를 좋아합니다.
HTML문서 만들기
아래에 HTML문서를 작성하고 버튼을 클릭해 보세요. 새 윈도우에 HTML문서가 출력 됩니다.
DIV 객체를 동적으로 생성, 삽입, 삭제하는 예제
DOM 트리에 동적으로 객체를 삽입할 수 있습니다.
createElement(), appendChild(),
removeChild() 메소드를 이용하여 새로운 객체를 생성,
삽입, 삭제하는 예제입니다.
DIV 생성
부모 div입니다.