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