DOM小操作

DOM

事件对象

当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数,
在事件对象中封装了当前事件相关的一切信息，比如：鼠标的坐标 键盘哪个按键被按下 鼠标滚轮滚动的方向。。。

onmousemove

该事件将会在鼠标在元素中移动时被触发

事件的冒泡（Bubble）

所谓的冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发
在开发中大部分情况冒泡都是有用的,如果不希望发生事件冒泡可以通过事件对象来取消冒泡

confirm()

用于弹出一个带有确认和取消按钮的提示框
需要一个字符串作为参数，该字符串将会作为提示文字显示出来
如果用户点击确认则会返回true，如果点击取消则返回false

超链接

点击超链接以后，超链接会跳转页面，这个是超链接的默认行为，
但是此时我们不希望出现默认行为，可以通过在响应函数的最后return false来取消默认行为

通过JS修改元素的样式：

语法：元素.style.样式名 = 样式值

注意：如果CSS的样式名中含有-，
这种名称在JS中是不合法的比如background-color
需要将这种样式名修改为驼峰命名法，
去掉-，然后将-后的字母大写

我们通过style属性设置的样式都是内联样式，
而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示

!important

但是如果在样式中写了!important，则此时样式会有最高的优先级，
即使通过JS也不能覆盖该样式，此时将会导致JS修改样式失效
所以尽量不要为样式添加!important