2.29
基于JS实现点击切换效果
传统基于操作DOM的方式实现业务需求
1.想操作谁就先获取谁
//*
var CD =document.getElementById([ID])；
在整个文档中，通过元素的ID获取到当前这个元素对象
2.给某元素绑定某事件
*//元素对象.onxxx=function(){} 事件绑定，xxx事件类型
3.在事件触发的时候修改元素的样式等
如： detail.style.display =‘block’;
//*元素对象.style.xxx=xxx:修改元素的某一个样式值(操作的是元素行内容样式，所以如果没有把样式写在div里，而是写在CSS里，在JS中基于.style.xxx的方法是无法获取到样式的)
1.首先获取detail原有的样式(display显示还是隐藏)：元素.style.xxx就是获取某一个样式(前提：需要在元素行内也就是在div里设置这个样式才能获取到)
如：console.log(detail,style,display);
var n=detile.style.display;
if(n==‘none’){
//当前是隐藏的，我们让其显示出来
detail.style.display = “block”;
}else(n == “block”){
//当前是显示的，我们让其隐藏
detail.style.display = “none”;
}
[context].getElementsByTagName([tagname]):在指定的context范围之内，通过标签名获取一组元素（元素集合HTMLcollection）=>集合和数组很相似，也是以数字索引作为属性名，有length属性存储长度，但不是数组，属于“类数组”
this：当前操作的这个事件（li）等等；