DOM 属性操作 (getAttribute() 等)

1.getAttribute()

方法返回节点上指定的属性名对应的值

var element = document.getElementById("id");
element.getAttribute('class');

获取 class 属性的值

class 可以换成标签的其他属性 id 或者name等等。如果指定的属性名不存在,则返回null,如果指定的属性名存在但没有值,则返回空字符串

2.setAttribute()

setAttribute()方法用于设置节点上指定的属性值为新值,如果指定的属性不存在,则将添加一个新的属性并赋值。

var element = document.getElementById("id");
element.setAttribute('class', 'aaa')

设置了 class 名字为aaa

如果之前没有class属性 那么旧新加了一个class属性。

3.点属性 

Node节点来说,大多数属性可以通过点符号来设置或修改

举例

var element = document.getElementsByClassName("id"); 
element.id;      // 获取值 
 element.id = 'aaa // 赋值

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值