Question

这是功能：

 window.addEventListener("load", function() {
     var firstGal = document.querySelector(".containsNext");

     var nextB = document.querySelector(".nondynamic");

     var displayed = document.getElementsByClassName('images')[0];

     nextB.addEventListener('click', function() {
         if (firstGal.style.opacity == 0 && displayed.style.backgroundImage ==  "url(http://i.dailymail.co.uk/i/pix/2014/03/07/article-2575552-1C1A7B9400000578- 567_964x673.jpg)") {
             firstGal.style.transform = "rotateY(360deg)";
             firstGal.style.opacity = 1;
             firstGal.style.height = "200px";
             firstGal.style.width = "500px";
             firstGal.style.perspective = "400px";
             forwardSpain();
             } 
             else {
                   firstGal.style.transform = "rotateY(0deg)";
                   firstGal.style.opacity = 0;
                   firstGal.style.perspective = "400px";
                   forwardSpain();
                  }

          });
 });

我想要的是测试firstGal的不透明度是否为0以及div“.images”（var =显示/这是动态创建的）的背景是否具有特定的backgroundImage Css值。然后运行代码。

单击“西班牙”按钮时，.images div将从阵列中获取背景图像集。我想在点击西班牙按钮后检查它上面的backgroundImage样式。开发工具/控制台返回：

背景图片：网址（http://i.dailymail.co.uk/i/pix/2014/03/07/article-2575552-1C1A7B9400000578-567_964x673.jpg）;

现在我的错误可能是我如何分配变量，也许querySelector会更好地找到元素，只有.images类。而且我不确定在backgroundImage ==之后将“”放在哪里。我也试过“url（”+'http://i.dailymail.co.uk/i/pix/2014/03/07/article-2575552-1C1A7B9400000578-567_964x673.jpg'+“）”），但我得到的错误是：

未捕获的TypeError：无法读取未定义的属性“0” pen.js：149 Uncaught TypeError：无法读取未定义的属性'style'

看起来var显示未定义。

链接到完整代码，它有点长，对不起，但它只是上面的功能不起作用。第65行。

http://codepen.io/damianocel/pen/gPggLB?editors=001

使用if +＆amp;＆amp;和错误抛出函数条件

0 个答案: