태그 내용 삭제하기
: 태그 자체가 삭제되지는 않는 것 같다. 아래의 예시를 보면 <tr></tr> 태그는 살아있다. parentNode.removeChild를 사용하면 된다. remove라는 것도 있는데, 이것은 익스플로러에서는 작동하지 않는다. 따라서 removeChild를 사용하면 됨
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
window.onload = function() {
let idTag = document.getElementById('id')
idTag.parentNode.removeChild(idTag)
// idTag.remove() ==> explore에서는 작동하지 않음.
}
</script>
</head>
<body>
<table border="1" style="width:100px; height: 100px">
<tr>
<td id="id">아이디</td>
</tr>
<tr>
<td class="pwd">PASSWORD</td>
</tr>
</table>
</body>
</html>'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
| [JS] 스크립트에 css 적용하기 (0) | 2020.06.19 |
|---|---|
| [JS] 태그 가져오기(1) getElementById('id') VS getElementByTagName('td') (0) | 2020.06.19 |
| [JS] 태그 생성, 태그 내용 추가, 태그 제거, 속성&속성값 추가 (0) | 2020.06.19 |
| [JS] DOM(문서객체모델) 기초 (0) | 2020.06.19 |
| [JS] 노래 재생, 정지해보기 (onclick 이벤트, button 활용) (0) | 2020.06.19 |
