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

获取网页的所有按钮,并在Javascript中删除具有特定背景图像的按钮,javascript,css,button,background-image,Javascript,Css,Button,Background Image,大家早上好,我是javascript和其他web语言的新手 我想做的是获取网页的所有按钮,然后删除带有特定背景图像的按钮 我理解getElementsByTagName的用法,但不能做更多的事情 我从上面的代码开始: document.getElementsByTagName(按钮) 请问下一步我该怎么办 谢谢您的帮助。只需按照以下步骤操作即可: 获取所有元素 使用特定的背景图像检查每个元素 拆下该元件 HTML: <div id="parentNode"> <butt

大家早上好,我是javascript和其他web语言的新手

我想做的是获取网页的所有按钮,然后删除带有特定背景图像的按钮

我理解getElementsByTagName的用法,但不能做更多的事情

我从上面的代码开始:

document.getElementsByTagName(按钮)

请问下一步我该怎么办


谢谢您的帮助。

只需按照以下步骤操作即可:

  • 获取所有元素
  • 使用特定的背景图像检查每个元素
  • 拆下该元件
  • 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]);
        }
    }
    
    var-imageButtons=document.getElementsByTagName(“按钮”);
    var parent=document.getElementById(“parentNode”);
    对于(var index=0;index

    试试这个

    <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>
    
    
    var buttons=document.getElementsByTagName('button');
    对于(变量i=0;i
    您希望根据什么背景图像进行过滤?按钮位于类中,因此:cursor.earn\u pages\u button.button\u page\u XXXX我尝试过:>document.getElementsByClassName('cursor earn\u pages\u button\u page\u XXXX我尝试过: