几个概念:
document对象:浏览器通过解析html代码显示相关界面,而页面内的整个的html代码就是一个document对象
window对象:整个浏览器窗体就是一个window对象
节点:
节点分为元素节点和文本节点
元素节点里可以包含属性(属性不是节点)
节点间的联系:
通过document对象可以得到节点(根据id、tagName、name等方式)
父节点可以得到子节点,子节点也可以得到父节点
每个节点可以获取和设置自己的属性,每个节点可以增加自己的孩子节点
事件:
按钮上可以绑定点击事件和双击事件等事件
事件通过方法可以完成一些相应的功能
注意:
由于javascript里数组长度的值会随着元素的个数动态变化 因此有必要将数组的初始长度记录下来
通过select元素节点的selectedIndex属性判断被选中情况并移动到另外一边去
被选中的option子节点selectedIndex的值为其下标
若没有任何元素被选中则selectedIndex的值为-1
若选中多个option则selectedIndex的值是第一个被选中option的下标值
因此每次只会移动多个被选中的option的第一个
每次移动过去之后被移动的option的下一个option下标会减去1
多次循环的话就可以达到将多个option移动的效果