개발 및 사진 블로그

Get Child Node Element let children = document.body.childNodes; body 하위에 있는 자식 노드들을 children 변수에 Array 형태로 받아온다. Get parent Node Element let parent = document.querySelector('#elem').parentNode; elem이라는 id를 가진 노드의 부모 노드를 받아온다.

element의 background에 dot pattern을 적용 CSS #element { background: linear-gradient(90deg, bg-color (dot-space - dot-size), transparent 1%) center, linear-dradient(bg-color (dot-space - dot-size), transparent 1%) center, dot-color; background-size: dot-space dot-space; } ex) #element { background: linear-gradient(90deg, #0d334b 19px, transparent 1%) center, linear-gradient(#0d334b 19px, transparent ..

Pure Javascriptconst elem = document.getElementById('elem'); ​ const width = elem.offsetWidth; const height = elem.offsetHeight; jQueryconst elem = $('#elem'); ​ const width = elem.width(); const height = elem.heignt();