JAVASCRIPT / innerHTML
innerHTML
요소의 태그 사이 내용을 변경할 수 있다.
문법
// 1 html 객체에 바로 접근해서 사용
document.getElementById("out").innerHTML = "추가할 내용 "
// 2 html 객체에 변수에 담아서 사용
var out = document.getElementById("out");
out.innerHTML = "추가할 내용"예제
id가 "out"인 태그내에 innerHTML을 이용해서 내용 추가
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="out"></div>
</body>
<script>
var out = document.getElementById("out");
out.innerHTML = "innerHTML로 추가된 내용"
</script>
</html>
'웹 > 자바스크립트' 카테고리의 다른 글
| [JavaScript] element.getAttribute / 요소의 속성값에 접근 (0) | 2021.07.09 |
|---|---|
| [JavaScript] element.attribute / HTML요소를 변경하는 방법 (0) | 2021.07.09 |
| [JavaScript] getElementById() 문서객체의 Id값을 가져오는 메소드 (0) | 2021.07.09 |
| [JavaScript] 자바스크립트 변수와 타입 (배열, 오브젝트) (0) | 2021.07.04 |
| [JavaScript] 자바스크립트 개요 (0) | 2021.07.02 |