文章内容

2022/12/21 9:20:16,作 者: 黄兵

JavaScript 隐藏 class 为 scroll-button right 的元素

使用 JavaScript 的 getElementsByClassName 函数来获取 class 为 scroll-button right 的元素,然后使用 style.display 属性来设置为 none 来隐藏该元素。

例如:

document.getElementsByClassName('scroll-button right')[0].style.display = 'none';

注意:getElementsByClassName 函数会返回一个包含所有匹配元素的 HTMLCollection,所以你可能需要使用下标来获取特定的元素,如上面代码中的 [0]

如果你想在页面加载完成后隐藏该元素,你可以将上面的代码放在一个 window.onload 事件处理函数中:

window.onload = function() {
  document.getElementsByClassName('scroll-button right')[0].style.display = 'none';
}

你也可以使用更现代的 JavaScript 语法,例如使用 querySelector 函数和箭头函数:

document.addEventListener("DOMContentLoaded", () => {
  document.querySelector('.scroll-button.right').style.display = 'none';
});
分享到:

发表评论

评论列表