height, width

// $(window).height() === window.innerHeight
// $(el).height() === el.clientHeight

[참고]

data attributes

html syntax

<article
    id = "electriccars"
    data-columns = "3"
    data-index-number = "1234"
    data-parent="cars">
    ...
</article>

javascript access

let article = document.getElementById('electriccars');
article.dataset.columns;    // 3
article.dataset.indexNumber;    // 1234
article.dataset.parent;    // cars

css access

article::before { content: attr(data-parent); }
article[data-columns='3'] { width: 400px; }
article[data-columns='4'] { width: 600px; }

Property 'style' does not exist on type 'Element'

querySelector로 받아온 dom의 style를 변경하려고 할 때 발생

document.querySelector('.something').style.display = '';
// => Property 'style' does not exist on type 'Element'

document.querySelector() 는 Element 타입이다. HTMLElement로 타입을 변경해줘야 style 변경이 가능하다.

(<HTMLElement>document.getElementsByClassName('something')).style.display = '';