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

来源：互联网发布：centos7端口聚合编辑：程序博客网时间：2024/06/05 20:53

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>

0 0