<style>
.link-google{
color: red;
}
.special{
background: pink;
}
</style>
<body>
<ul>
<li class = "jung">
<img src="images/,,,">
<a class= "link-google" href="https://google.com">Google</a>
</li>
</ul>
<script>
var link = document.querySelector('.jung a');
link.classList.add('special');
</script>classList.add('special');
a태그에 기존에 있던 class="link-google"를 유지하면서 class="special"를 추가하는 것
classList.remove('special');를 사용하면 반대로 삭제할 수 있다.
link.classList.contains('special')를 사용하면 link에 special이라는 class를 가지고있는지 판별하여 true, false값을 던져 준다.
조건을 판별할 때 사용할 수 있는 것 같다.
<script>
var link = document.querySelecor('.jung a');
link.className = 'special';
</script>className을 사용하여 class="special"를 추가할 경우 기존에 있던 class를 덮어쓰기하기 때문에
클래스를 수정하고 싶을 때 사용하는게 좋을 것 같다.
안녕하세요.