獲取一個網頁的所有按鈕，並刪除與某些背景圖像在Javascript中的那些

Question

大家早上好，我在JavaScript和其他網絡語言有點新手。

我想要做的是獲取網頁的所有按鈕，然後刪除具有特定背景圖像的一個或多個按鈕。

我明白使用getElementsByTagName，但不能做更多的事情。

我已經開始與上面的代碼：

document.getElementsByTagName（按鈕）

我應該怎麼做下一個嗎？

感謝您的幫助。

Answer 1

只要按照步驟操作：

1. 獲取的所有元素
2. 檢查每個元件都具有特定的背景圖像
3. 刪除的元素。

HTML：

<div id="parentNode"> 
    <button style="background-image:url('http://i.dailymail.co.uk/i/pix/2013/11/11/article-2500617-007F32C500000258-970_306x423.jpg')">First</button> 
    <button style="background-image:url('http://www.allgraphics123.com/ag/01/14142/14142.gif')">Second</button> 
    <button style="background-image:url('http://jitendravaswani.files.wordpress.com/2013/02/191356xcitefun-cartoon-pluto.jpg')">Third</button> 
    <button style="background-image:url('https://lh5.googleusercontent.com/-WsZ4Q7Y156A/AAAAAAAAAAI/AAAAAAAAABM/vN1-gy0xZQU/photo.jpg')">Fourth</button> 
</div> 

JavaScript的：

var imageButtons = document.getElementsByTagName("button"); 
var parent = document.getElementById("parentNode"); 
for(var index = 0; index < imageButtons.length; index++){ 

    if(imageButtons[index].style.backgroundImage == "url(http://www.allgraphics123.com/ag/01/14142/14142.gif)"){ 
     alert(); 
     parent.removeChild(imageButtons[index]); 
    } 
} 

jsFiddle

Answer 2

試試這個

<script type="text/javascript"> 
     var buttons = document.getElementsByTagName('button'); 
     for (var i = 0; i < buttons.length; i++) { 
      if (buttons[i].style.backgroundImage == "specific image") { 
       buttons[i].style.display = 'none'; 
      }    
     } 
    </script>