Question

当用户单击“喜欢”按钮时，我想在“ Mijn verhalen”上方显示一个通知，以使用户知道它喜欢某件事。我不知道怎么了，因为我的JavaScript中没有错误。但是通知没有显示...

这是JavaScript代码：

var een =
  document.getElementsByClassName('like');

var popup =
  document.getElementsByClassName('toevoegen');

een.addEventListener('click', function() {
  popup.classList.toggle('toevoegen');
});

img.toevoegen {
  position: absolute;
  right: 5em;
  top: 4em;
  width: 10em;
}

<button class="like"></button>

<img class="toevoegen" src="images/een.png">

Answer 1

var popup = document.getElementsByClassName('toevoegen');

document.getElementsByClassName返回 HTMLCollection ，它不过是数组。 classList 不是 HTMLCollection 的已知属性。

您需要获取此HTML集合的第一个元素，并使用 classList 属性。第一个元素不过是弹出元素。

否则，请为img标签提供ID并使用document.getElementById进行访问，该文档将返回DOM元素而不是HTML数组集合。

var een =
  document.getElementsByClassName('like');

// get the first pop up element here
var popup =
  document.getElementsByClassName('toevoegen')[0];

een.addEventListener('click', function() {
  popup.classList.toggle('toevoegen');
});

没有错误，但是JavaScript仍然无法正常工作

1 个答案: