将类添加到第一个子类-Javascript

我非常简单地尝试使用Javascript向元素

.page-item-39a

添加一个类，但是我得到了错误“uncaughttypeerror:cannotreadproperty'className'of undefined”，这是什么原因

var menuItem=document.getElementsByClassName（'page-item-39'）；
var menuLink=menuItem.firstChild；
console.log（menuLink）；
menuLink.className+=“菜单项处于活动状态”
。菜单项处于活动状态{
边框：1px红色实心；
}

班级
在菜单项上使用
[0]
而不是
第一个孩子。
var menuItem=document.getElementsByClassName（'page-item-39'）；
var menuLink=menuItem[0]；
console.log（menuLink）；
menuLink.className+=“菜单项处于活动状态”
。菜单项处于活动状态{
边框：1px红色实心；
}

班级
您可以使用css psudo selecor
：第n个子项（1）
。Aka:
page-item-39>：如果要将其添加到第一个
中，则第n个子项（1）
。page-item-39 a
元素：
文档。querySelector（“.page-item-39 a”）。className+=“菜单项活动”
如果要将它添加到所有
.page-item-39 a
元素中，则需要遍历
getElementsByClassName
返回的列表（或
querySelectorAll
，这在这里可能更有意义，因为您希望
.page-item-39
中包含
a
）。