借用传智播客教师课件中得一句话,“通过鼠标、键盘对浏览器页面所做的动作就是事件”,比如鼠标点击、鼠标移入、鼠标移除、键盘按下、键盘抬起等等,都称之为事件,这些事件有如下几种。
JavaScript DOM 操作 CSS 样式
在 jQuery 中,修改和获取 CSS 样式只需要一个 .css 就可以搞定了。实际内部也是通过 DOM 操作实现。设置 CSS 样式实际就是设定 DOM 的 style 属性,我们可以根据当前 DOM 元素的 style 属性获取其 CSS 样式,也可以修改或追加新的样式。
JavaScript DOM 节点的拷贝、删除
拷贝一个节点相当于将一个节点作为对象存放在内存中,这个对象可以被其他的诸如 appendChild 等操作来使用。而节点删除则只能通过一个 removeChild 来实现,所以要删除某个元素,首先要获取这个元素的父节点。我们使用以下方法来实现,参考代码:
JavaScript DOM 操作创建和追加节点
jQuery 有一个 append 方法,就是在某个元素基础上追加一些元素,但实际内部实现是需要先创建在追加,下面代码演示了一个创建 ul 和 li 的过程。注意:如果操作已有节点,那么已有节点会发生物理位置移动的现象。
JavaScript DOM 操作节点属性信息
什么是节点属性?比如一个 Input 元素,它有一些 class、id、name、value 等信息。这些信息就被称作为节点的属性,我们可以通过 DOM 获取和设定这些信息。
JavaScript DOM 基本操作,查找节点信息
使用过 jQuery 的人清楚,一个选择器就够了,需要什么选什么,但是其内部封装的方法实际是 DOM 操作,利用 JavaScript 中的方法来操作 HTML 标签等信息。本文介绍一些基础的获取节点信息的操作。