getElementById
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//스크립트에서 html의 dom객체에 접근하려면 id 이용
document.getElementById('name');
//head태그에선 접근은 가능하나 변경 못함..body태그에서는 가능
document.getElementById('name').innerHTML='이길동';
//innerHTML: html의 내부요소
</script>
</head>
<body>
<p id="name">홍길동</p>
</body>
</html>
window.onload
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//스크립트에서 html의 dom객체에 접근하려면 id 이용
window.onload=function(){ //html의 로딩이 끝나야 시작..페이지의 모든 요소가 로드되어야 호출
document.getElementById('name');
//head태그에선 접근은 가능하나 변경 못함..body태그에서는 가능,바꾸고 싶으면 window.onload 이용
document.getElementById('name').innerHTML='이길동';
//innerHTML: html의 내부요소
}
</script>
</head>
<body>
<p id="name">홍길동</p>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 210923_event (0) | 2021.09.23 |
|---|---|
| 210923_button (0) | 2021.09.23 |
| 210923_document.body (0) | 2021.09.23 |
| 210923_list+inner (0) | 2021.09.23 |
| 210923_전역변수,지역변수 (0) | 2021.09.23 |