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

标签 javascript

我只是想向元素 .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>

最佳答案

在 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>

关于javascript - 将类添加到第一个子级 - Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47847341/

相关文章:

javascript - 即使我使用了 .each,为什么只有一个元素会触发该操作?

javascript - fb.login 在后台运行对话框?

JavaScript RegEx 集团

javascript - 从 HTML select 标签获取值

javascript - Window.open 链接如何更改主页 url

javascript - jquery - 如何动态填充下拉/选择/组合框?

javascript - jquery组合多个选择器

javascript - Discordjs 机器人的聊天命令

javascript - 传递的播放器元素不是 Vimeo 嵌入。玩家JS

javascript - 当包含 ember-data 时,TypeError DS.RESTAdapter 未定义