아이디로 굵기를 바꾸는 것을 응용하여 클래스 이름으로 굵기를 바꾸려고 시도했는데 잘 되지 않네요. 코드는 다음과 같습니다.

<div id="menu">
    <a class = "anchorMenu" id = "home" onclick="clickHome();" >Home</a>
    <a class = "anchorMenu" id = "seoul" onclick="clickSeoul();" >Seoul</a>
    <a class = "anchorMenu" id = "tokyo" onclick="clickTokyo();" >Tokyo</a>
    <a class = "anchorMenu" id = "paris" onclick="clickParis();" >Paris</a>
  </div>

  <img id="photo" src="images/home.png" width="90%">

  <script>
    // 사진을 바꿔주는 함수
    function clickHome() {
      document.getElementById('photo').src = 'images/home.png';
      document.getElementsByClassName('anchorMenu').style.fontWeight = 'normal';
      document.getElementById('home').style.fontWeight = 'bold'
    }

뭘 잘못한 걸까요??

getElementByID와 달리 getElementsByClassName은 여러개의 객체를 배열로 가져오게 됩니다. 그래서 index를 통해 명령을 해주셔야 합니다.

실행을 시켜보시고 console 창에 document.getElementsByClassName('anchorMenu')을 입력해보시면 쉽게 이해하 수 있으실 겁니다^^