最初の子にクラスを追加する - Javascript

Question

私は非常に単純に、要素.page-item-39 aにJavascriptを使用してクラスを追加しようとしていますが、 "Uncaught TypeError：未定義のclassName 'プロパティを読み込めません。これの理由？

var menuItem = document.getElementsByClassName('page-item-39'); 
 
    var menuLink = menuItem.firstChild; 
 
    console.log(menuLink); 
 
    menuLink.className += ' menu-item-active';

.menu-item-active { 
 
    border: 1px red solid; 
 
}

<li class="page_item page-item-39"> 
 
    <a>Classes</a> 
 
</li>

Answer 1

のmenuItemの使用[0]の代わりfirstChild。

var menuItem = document.getElementsByClassName('page-item-39'); 
 
    var menuLink = menuItem[0]; 
 
    console.log(menuLink); 
 
    menuLink.className += ' menu-item-active';

.menu-item-active { 
 
    border: 1px red solid; 
 
}

<li class="page_item page-item-39"> 
 
    <a>Classes</a> 
 
</li>