javascript - 获取网页的所有按钮并在Javascript中删除具有特定背景图像的按钮

Question

大家早上好，我是 javascript 和其他网络语言的新手。

我想要做的是获取网页的所有按钮，然后删除具有特定背景图像的按钮。

我了解 getElementsByTagName 的用法，但无能为力。

我从上面的代码开始:

document.getElementsByTagName(button)

请问我接下来应该做什么？

感谢您的帮助。

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