美文网首页
JS案例5-找出下面异类

JS案例5-找出下面异类

作者: hi__world | 来源:发表于2018-10-17 09:17 被阅读0次

    狗,猪,猫,海龟 中找出海龟。

    效果演示:


    效果演示

    源码:

    <!DOCTYPE html>
    <html>
    <head>
        <title>demo</title>
    </head>
    <body>
        <!-- 标签 -->
        <select>
            <option>狗</option>
            <option>猫</option>
            <option>海龟</option>
            <option>猪</option>
        </select>
        <button>出来吧,小宝贝</button>
        <!-- JS -->
    <script>
        var option=document.getElementsByTagName("option");
        document.getElementsByTagName("button")[0].onclick=function(){
            for(var i=0;i<option.length;i++){
                if(option[i].innerHTML=="海龟"){
                    option[i].selected=true;
                }
            }
        }
    </script>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:JS案例5-找出下面异类

          本文链接:https://www.haomeiwen.com/subject/ypckzftx.html