[문서객체모델] 노드 생성 및 연결 (createElement / createTextNode)
- 📕 Programing/HTML-CSS
- 2014. 1. 13. 17:13
h1 , TextNode를 생성하여 body 연결 테스트
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML5 Document type</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
window.onload = function(){
var header = document.createElement('h1'); // createElement(tagname) : 요소노드 생성
var textNode = document.createTextNode('hello dom'); // createTextNode(tagname) : 텍스트노드 생성
//노드 연결
header.appendChild(textNode);
document.body.appendChild(header);
}
</script>
<body>
</body>
</html>
결과
'📕 Programing > HTML-CSS' 카테고리의 다른 글
| 객체(Object) 사용법 (0) | 2020.12.02 |
|---|---|
| IE 문서모드 설정 (0) | 2020.07.29 |
| [브라우저 객체모델] window.onload (0) | 2014.01.13 |
| [주의] 자바스크립트의 실행순서 (0) | 2014.01.06 |
| [내장 함수] 타이머 함수 (0) | 2014.01.06 |