如何使用javascript更改单击时的picture srcset属性

我试图使用javascript在单击时更改picture元素的srcset属性。我想在有人单击按钮时将图像更改为另一个基于webp的图像

我可以使用

var x=document.getElementById（“类别横幅”）.srcset

它输出图像的完整路径，因此我假设它只是使用以下设置的一种情况：

x.srcset=“images/products/product clamp.webp”

它看起来什么也不做，控制台中没有错误，图像没有改变，html中的值似乎也没有改变。我也尝试过使用src，但没有效果

这里是html


var x=document.getElementById（“类别横幅”）.srcset；
var myFunction=function（）{
x、 srcset=“images/products/product clamp.webp”；
}

更改图像
如果要将srcset vale分配给x变量，请尝试分配实际的img元素：

var img = document.getElementById("category-banner");
    var myFunction = function() {
        img.srcset="images/products/product-clamp.webp";
}

非常感谢你！工作是一种享受