JavaScript全局变量不能被调用

这段函数目的是实现文字从透明渐渐到不透明，也就是一个文字淡出的过程

上面是我的js代码和浏览器报错，我的opacity已经在最外层了，按理应该是全局变量了，为什么浏览器说我没有定义，我该如何修改实现这个功能？

```javascript
//二级菜单持续显示
console.log("js已执行"); 
var a = document.querySelectorAll('.ulpainshop');


function screenmove(){
    console.log("鼠标移入执行");
   
    var i = 0;
    
    
}
     
function screenover(){
    console.log("鼠标移入执行");
    textAnimationStart(a);
    
  

 
 var opacity = 0;
function textAnimationStart(){
    
    var timer = null;
    timer = setInterval(function(name){
        
        this.name = name;
        console.log("a");
        a.style.opacity = opacity;
        console.log("b");

        if (name.style.opacity>=1) {
            clearInterval(timer);
            
        }else {
            console.log("c");
            opacity = opacity + 0.1;
            }},100)
}

```

a是哪里来的是个什么 ，它是告诉你这个 a无法设置opacity属性，而不是opacity 变量无法使用

    a.style.opacity = opacity; 说的是这行? a定义了吗

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/642489
• 除此之外, 这篇博客: 关于opacity属性的探究中的 再提问题：在知道opacity属性不具有继承性的基础下我们的代码结果表现了“继承”的“性状”？（难道。。。这儿子不是亲生的？？！🤦‍♂️） 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

   

  ---

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^