文章内容
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'; });
评论列表