js的项目10:使用面向对象的思想切换tab栏（增加、删除、修改、切换）

1.面向对象版tab 栏切换

1.1功能需求

1. 点击 tab栏,可以切换效果.
2. 点击 + 号, 可以添加 tab 项和内容项.
3. 点击 x 号, 可以删除当前的tab项和内容项.
4. 双击tab项文字或者内容项文字可以修改里面的文字内容

1.2案例准备

1. 获取到标题元素
2. 获取到内容元素
3. 获取到删除的小按钮 x号
4. 新建js文件,定义类,添加需要的属性方法(切换,删除,增加,修改)
5. 时刻注意this的指向问题

1.3代码准备

html文件

 <h1>
    Js 面向对象 动态添加标签页
  </h1>