Question

我非常简单地尝试使用Javascript向元素.page-item-39 a添加一个类，但我收到错误＆＃34;未捕获TypeError：无法读取属性＆＃39; className＆＃ 39;未定义＆＃34;，这是什么原因？

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

在menuItem上使用[0]代替firstChild。

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

1 个答案: