Node
- 원하는 값을 얻지 못하는 경우가 많아 잘 사용하지 않는다.
주의
태그사이에 띄어쓰기를 하거나 태그를 줄바꿈 해버리면 띄어쓰기나 줄바꿈을 텍스트 노드(text node)로 취급해버려 원하는 노드값을 가져오지 못 할 수 있다.
- 노드.parentNode.parentNode
- 부모노드의 부모노드
- 노드.parentNode
- 부모노드
- 노드.childNodes
- 모든자식노드들
- 노드.firstChild
- 첫째자식노드
- 노드.lastChild
- 막내자식노드
- 노드.nextSibling
- 나의 바로 밑동생노드(형제노드)
- 노드.previousSibling
- 나의 바로 윗형노드(형제노드)
노드 이용하기
let price = e.target.parentNode.innerText;
// "1,000" "2,000" "3,000"
price = Number(price.split(",").join(""));
// split => ["1","000"] ["2","000"] ["3","000"]
// join => "1000" "2000" "3000"
// Number => 1000 2000 3000정리
- 09javascriptStandardObject -> 01_Array_class
-> 04금액계산하기.html, 04.css, 04.js
