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 = “bl