JS에서 CSS를 작동하려면 가장 중요한 것은 스타일을 얻는 것입니다. 다음은 참고용으로 JS에서 스타일을 얻는 가장 일반적인 방법에 대한 기사입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
color:yellow;
}
</style>
</head>
<body>
<div style="width:100px;height:100px;background-color:red">This is div</div>
</body>
</html>element.style 속성을 사용하여 가져옵니다.
<script>
var div = document.getElementsByTagName("div")[0];
console.log(div.style.color); //""
console.log(div.style.backgroundColor); //red
</script>element.style 속성은