选项卡，JS应用写法思路。

实现功能：鼠标移动到某标题，显示相应的内容。

CSS样式部分此处忽略。

HTML部分：

重要思路 :

                鼠标移入到哪个元素里面，哪个按钮元素就添加active同时清除其余按钮的active类名。

                使用this标记触发事件的元素。

                利用伪数组之中的下标找到对应内容。

知识点

1、QS选择器：document.querySelectorAll();       选择所有相同类名的标签。

2、.setAttribute(属性，属性值);        添加指定的属性和属性值。.getAttribute(属性)    返回指定属性的属性值；

3、事件：.onmouseover鼠标覆盖，移入触发事件。

4、class操作 API ：.classList.remove（）； 删除类        classList.add(); 新增类

5、this ：标记了当前触发事件的元素。