问用香草JS改变卷轴上的标志
EN

Stack Overflow用户

提问于 2021-10-24 23:35:23

回答 1查看 116关注 0票数 0

我的代码被困在使用Vanilla (没有JQuery)的滚动中更改徽标。

我从我的工具中得到的是一个错误：-

Uncaught :未能在‘DOMTokenList’上执行'add‘：所提供的令牌('object HTMLImageElement')包含tokens.at {localhost}中无效的HTML空格字符

有人能发现我的代码哪里出了问题吗？

const bigLogo = `<img src="images/redsbaby.svg" alt="Logo" />`;
const smallLogo = `<img src="images/r.svg" alt="Logo" />`;

window.addEventListener("scroll", () => {
    const currentLocation = window.pageYOffset;
    if(currentLocation <= 0){
        document.getElementsByClassName('.div-logo').innerHTML = smallLogo;
    } else {
        document.getElementsByClassName('.div-logo').innerHTML = bigLogo;
    }
})

<html>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<div class="div-logo flex-col justify-center items-center order-1 mx-16 mt-2 md:-mt-1 sm:-mt-0.5 xs:mx-10 xs:-mt-0.5">
   <img src="images/redsbaby.svg" alt="Logo" class="big-logo md:hidden sm:hidden xs:hidden" />
   <img src="images/r.svg" alt="Logo" class=" small-logo hidden md:block sm:block xs:block" />
</div>
</html>

javascript

回答 1

Stack Overflow用户

发布于 2021-10-24 23:48:39

document.querySelector返回一个HTML元素，您正试图将其添加到另一个元素的类列表中。这不起作用，因为classList需要字符串(CSS类)，并且通过bigLogo和smallLogo为它提供HTML元素。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69701525

复制

相似问题

问用香草JS改变卷轴上的标志
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用香草JS改变卷轴上的标志EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用香草JS改变卷轴上的标志
EN