很多网页元素自带事件,比如按钮有click()点击事件,单选框和多选框有select()选择事件,下拉列表框有change()选项改变事件. 对于这些没使用前端框的原生的网页元素,可以直接触发它自带的事件. 例1: ``` //触发按钮元素自带的click()点击事件 document.querySelector('#btn').click(); ``` 例2: ``` //触发单选框或多选框自带的select()选择事件 document.querySelector('#username').select(); ``` 例3: ``` //触发下拉列表框自带的change()选项改变事件 document.querySelector('#username').change(); ``` ## 注意 有些使用了前端框架的网页元素需要给它添加change()选项改变事件再去触发才能看到效果: ``` var ev = document.createEvent('HTMLEvents');//创建事件 ev.initEvent('change', false, true);//添加change事件 document.querySelector('#username').dispatchEvent(ev);//触发事件 ```