算是一个意外的收获,所以记录下。
查看元素的全部属性与事件:
使用 console.log() 打印元素,查看完整属性与事件。
查看js 全局属性与事件:
chrome 浏览器打开console 窗口,watch中 输入" window. "提示的即为全局属性与函数等。
例如,console.log() 打印select 元素,将发现它具有的属性远不止常用的 id,name等,还具有multiple (支持多选),size(最多选取的个数等)。
<select id="select" multiple="multiple" size="2">
<option value="1" selected="selected">选项一</option>
<option value="2" selected="selected">选项二</option>
<option value="3">选项三</option>
</select>
<script type="text/javascript">
console.log(document.getElementById("select"))
//也可dom操作
//document.getElementById("select").multiple=true;
//document.getElementById("select").size=2;
console.log(document.getElementById("select").selectedOptions[1].innerHTML);//提示:选项二
</script>
效果:
要获取选中的多个值,也可通过查看其属性获取。这样是不是比查看示例文档更加有意义?