2.29 基于JS实现点击切换效果

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值