고정 헤더 영역
상세 컨텐츠
본문
소스
<body>
<button onclick="doAdd();">추가</button>
<button onclick="doDel();">삭제</button>
<div id="list"></div>
<script>
function doAdd() {
var list = document.querySelector("#list");
list.innerHTML += "<h1>테스트</h1>";
// dom 방식은 create 사용
}
function doDel() {
var h1 = document.querySelector("h1"); // 제일 처음 찾은 h1 하나를 가져옴
//h1.remove();
//h1.parentNode.remove(); // h1의 부모인 div를 삭제
h1.parentNode.innerHTML = ""; // h1 태그안의 내용을 삭제
}
</script>
</body>
결과
'개발 > JavaScript' 카테고리의 다른 글
| JavaScript - checkbox 상태 확인(checked) (0) | 2020.06.04 |
|---|---|
| JavaScript - 폼 데이터 체크 후 서브밋 하기(onsubmit) (0) | 2020.06.04 |
| JavaScript - 엘리먼트의 속성 추출하기(getAttribute) (0) | 2020.06.03 |
| JavaScript - 엘리먼트의 속성 추가하기 2 (setAttribute) (0) | 2020.06.03 |
| JavaScript - 엘리먼트의 속성 추가하기 1 (0) | 2020.06.03 |
댓글 영역