///유튜브강의
1. DOM(Document Object Model)
- head태그 안에 script 태그 넣는게 정석
///////////수업중
https://www.w3schools.com/js/tryit.asp?filename=tryjs_loc_assign
location
https://www.w3schools.com/js/js_window_location.asp
location assign
-
화면전환
https://www.w3schools.com/js/tryit.asp?filename=tryjs_loc_assign
=> window.location.replace("https://www.w3schools.com") :히스토리 안남음
=> window.location.assign("https://www.w3schools.com") : 히스토리 남음 -
forward()
https://www.w3schools.com/JSREF/met_his_forward.asp
confirm
https://www.w3schools.com/js/tryit.asp?filename=tryjs_confirm
문서객체모델(DOM)
HTML 요소찾기
1) 요소 속성 중 id로 찾기
document.getElementById("");
2) 요소 속성 중 name으로 찾기
document.getElementsByName("comlmg")[0].src;
HTML 요소 내용 변경
예제 0924_1_location
<body>
<div>
<a>
<br>
<a>
DOM 트리 순회
HTML 요소 생성 (☆중요☆)
-
텍스트 노드를 갖는 요소와 갖지 않는 요소로 구분
-
요소노드와 텍스트 노드를 생성한 후에 텍스트 노드를 요소 노드에 붙임
1) createElement(tagName) - 많이 씀
2) createTextNode(text) - innerHTML로 많이씀
3) appendChild(node) - 많이 씀
4) insertBefore(node,element)
5) removeChild(node) - 노드지정삭제, 많이 씀
6) remove() - ALL 삭제, 안씀가위바위보
