반응형
var testId = document.getElementById("test");
testId.empty();
// 하위태그 삭제
testId.remove();
// 태그 자체 삭제
testId.html("<div> 안녕하세요 </div>");
// 하위 태그에 태그 내용 append
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id ="content"></div>
<script>
var content = document.querySelector("#content");
content.innerText = "<h1>new Text!!</h1>";
content.innerHTML += "<h1>new Text!!</h1>";
</script>
</body>
</html>- innerText
- 요소 내부 텍스트를 변경합니다.
- innerHTML
- 요소 내부 태그를 추가합니다
반응형