꿀팁이나 기억해둘 것

slice

let text = '300px' //-200px, 1cm...
text.slice(-text.length, -2); // 300

이렇게하면 뒤에서부터 두자리만 빼고 나머지를 가져올 수 있다.

 

 

style.left, offsetHeight, clientHeight

// <img style="border: 2px solid #333" src="https://via.placeholder.com/350x150.jpg">

let img = document.querySelector('img');

console.log(img.offsetHeight) // 154
console.log(img.clientHeight) // 150
console.log(window.getComputedStyle(img).height) // 150px

style.left는 img.style.left = '100px' 이런식으로 변경할 때 쓰는 것 같고,

특정 수치를 구할때는 위 3가지 방법으로 구함.

 

 

비교

parentElement 
부모 노드가 없을 때 null을 리턴

parentNode
부모 노드가 없을 때 document 노드를 리턴

childNodes
노드 리스트 리턴

children
노드 요소 리턴