dom02基础子元素下拉列表随机选中

最新推荐文章于 2024-08-16 14:43:42 发布

JunXian9102

最新推荐文章于 2024-08-16 14:43:42 发布

阅读量203

点赞数

本文链接：https://blog.csdn.net/smiple9102/article/details/62216539

版权

js-dom基础课堂笔记专栏收录该内容

26 篇文章 0 订阅

订阅专栏

dya02-16 子元素及下拉列表随机选中
子元素：
ul.childNodes;//获取元素的子节点。
ul.children;直接获取子元素
获取元素的子节点的方式所有浏览器都支持，
获取子元素有一些兼容性问题

<body>
<select name="" id="sel">
    <option value="">A</option>
    <option value="">B</option>
    <option value="">C</option>
    <option value="" >D</option>
</select>
<input type="button" value="按钮" id="btn" />
<script>
        //点击按钮产生随机选中效果
        var btn=document.getElementById('btn');
        var sel=document.getElementById('sel');
        var options=sel.getElementsByTagName('option');
        btn.onclick=function  () {
            //随机事件：Math.random(),产生的随机索引是[0,1)的所有数字包括小数，再用parseInt取整,
            var random=parseInt(Math.random()*options.length);
            options[random].selected=true;
            console.log(options[random]);
        }
</script>