Javascript 如果图像id是“显示块”而不是“无”，则显示样式

我想使用java脚本而不是j query:，但是当您使用按钮将“显示无”切换到显示块时。 爪哇

var slideIndex=0；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数showDivs（n）{//切换函数
var i；
var x=document.getElementsByClassName（“mySlides”）；
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i

Html

❮
❯

我做了切换部分，但当我点击按钮，它不做任何事情，但切换图像

---

这两个按钮用于切换图像，但当我单击其中一个箭头按钮时，它将在图像底部显示一个与图像相同的样式，并且图像将与图像相同的样式切换

您将“块”的值指定给显示属性，而不是检查此行是否相等：

if（document.getElementsById（“1”）.style.display=“block”）

尝试将

=

更改为

=

：

if（document.getElementsById（“1”）.style.display==“block”）

@zeterain有一个打字错误。我认为应该是：

---

if（document.getElementById（“1”）.style.display==“block”）

我现在发现它就是这个

var id1=getElementById（“1”）；if（window.getComputedStyle（id1.display==“block”）

                    var slideIndex = 0;
                    showDivs(slideIndex);

                    function plusDivs(n) {
                      showDivs(slideIndex += n);
                    }

                    function showDivs(n) {//switching function
                      var i;
                      var x = document.getElementsByClassName("mySlides");
                      if (n > x.length) {slideIndex = 1}
                      if (n < 1) {slideIndex = x.length}
                      for (i = 0; i < x.length; i++) {
                        x[i].style.display = "none";  
                      }
                      x[slideIndex-1].style.display = "block";  
                    }
                    if(document.getElementsById("1").style.display = "block")//if style display is block
                    {
                        document.getElementsById("1I").style.width = "78px";
                        document.getElementsById("1I").style.height = "48px";
                        document.getElementsById("1I").style.border = "4px solid green";
                        document.getElementsById("1I").style.boxShadow = "1px 4px 8px lightblue";
                    }

                <div id="View-Post-Image">
                    <img style="display: block;" class="mySlides" src="img-POST/162x162-1.jpg" alt="#"/>
                    <img class="mySlides" id="1" src="img-POST/162x162-2.jpg" alt="#"/>
                    <img class="mySlides" id="2" src="img-POST/192x128-1.jpg" alt="#"/>
                    <img class="mySlides" id="3" src="img-POST/192x128-2.jpg" alt="#"/>
                    <img class="mySlides" id="4" src="img-POST/192x128-4.jpg" alt="#"/>
                    <img class="mySlides" id="5" src="img-POST/192x128-3.jpg" alt="#"/>
                    <img class="mySlides" id="6" src="img-POST/192x128-5.jpg" alt="#"/>
                    <img class="mySlides" id="7" src="img-POST/192x128-6.jpg" alt="#"/>
                    <img class="mySlides" id="8" src="img-POST/192x128-7.jpg" alt="#"/>
                    <img class="mySlides" id="9" src="img-POST/192x128-8.jpg" alt="#"/>
                    <img class="mySlides" id="10" src="img-POST/192x128-9.jpg" alt="#"/>
                    <img class="mySlides" id="11" src="img-POST/162x162-1.jpg" alt="#"/>
                    <button id="View-Post-Image-GoLeft" 
                            type="Button" 
                            class="w3-button w3-black w3-display-left" 
                            onclick="plusDivs(-1)">&#10094;</button>
                    <button id="View-Post-Image-GoRight"
                        type="Button" 
                            class="w3-button w3-black w3-display-right" 
                        onclick="plusDivs(1)">&#10095;</button>
                </div>
                <ul id="View-Post-List">
                    <li><img src="img-POST/162x162-1.jpg" id="1I" alt="#"/></li>
                    <li><img src="img-POST/162x162-2.jpg" id="2I" alt="#"/></li>
                    <li><img src="img-POST/192x128-1.jpg" id="3I" alt="#"/></li>
                    <li><img src="img-POST/192x128-2.jpg" id="4I" alt="#"/></li>
                    <li><img src="img-POST/192x128-3.jpg" id="5I" alt="#"/></li>
                    <li><img src="img-POST/192x128-4.jpg" id="6I" alt="#"/></li>
                    <li><img src="img-POST/192x128-5.jpg" id="7I" alt="#"/></li>
                    <li><img src="img-POST/192x128-6.jpg" id="8I" alt="#"/></li>
                    <li><img src="img-POST/192x128-7.jpg" id="9I" alt="#"/></li>
                    <li><img src="img-POST/192x128-8.jpg" id="0I" alt="#"/></li>
                    <li><img src="img-POST/192x128-9.jpg" id="11I" alt="#"/></li>
                    <li><img src="img-POST/162x162-1.jpg" id="12I" alt="#"/></li>
                </ul>