JS之BOM第三天

window.getComputedStyle这方法返回的是一个对象,这个对象呢,返回的东东差不多是CSS所有属性的值,啧。它括号里面可以装一个对象后面可以也可以不跟一个要匹配的伪元素字符串

element.className 这个方法为指定元素提供了设置修改class属性的功能,因为class是保留字嗷


早期核心DOM现用于自定义属性
设置:元素.setAttribute('属性名','属性值')
用来设置指定元素上的某个属性值。如果属性已经存在,就更新这个值;不然的话,使用指定的名称和值添加一个新的属性,它将指定值转换成字符串,所以设定null的时候不一定有效推荐remove把设置的属性直接给干掉,话说为啥它返回undefined
获取:元素.getAttribute('属性名') 
判断是否包含该属性:元素。hasAttribute('属性名')
对于不存在的属性,它会返回null
删除:元素.removeAttribute('属性名')

介个东东用来设置禁用那是蛮好的


HTML DOM 是在早期的基础上进行更新简化的
简化
1:系统自动提前预设了所有html属性,属性为''(空)
2:后期人们在操作属性时。直接使用:元素.属性名,例如al.title='这是超链接';
获取:元素.属性
设置:元素.属性名='值'
判断:元素.属性名!=='';
删除:元素.属性名=''

自带的属性叫原生属性
报错了就会卡死,下面的语句就不会再执行了哦
语句没问题但是样式出不来
可以试试removeAttribute把上一条同样的设置给它删了
状态属性
值是布尔值的就是状态属性
表单中的disabked,selected,checked
在htmlzhong,使用时可以不用‘=’和属性值,直接使用
这种属性只能用HTMLDOM方法不能用核心DOM方法
对于我来说,每个参数都要写对是很难的,抛开客观因素不提,努力吧。
布尔值出现在元素上就是true跟这个元素的值是多少没啥关系

图片放大效果

——————————————————————————————————————————————————————————————————————————————————————仿佛今天没学啥

但是吧着实敲了一天

最后来一下上下结构对应的实现

 

 

效果就是,你点上面一排,可以让下面内容切换 

 

能活着吃上一口热饭真是太幸福了

能连接网络不卡有空调真是太幸福了

悉尼带一 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值