函数语法attributes,getAttribute(name),removeAttribute(name)

本文介绍了如何使用JavaScript操作HTML元素的属性,包括获取、设置和删除属性的方法,并提供了具体的代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、函数语法

elementNode.attributes:属性返回包含被选节点属性的 NamedNodeMap。

elementNode.getAttribute(name):方法通过名称获取属性的值。

elementNode.setAttribute(name, value):方法创建或改变某个新属性。

elementNode.removeAttribute(name):方法通过名称删除属性的值。

2、实例

HTML代码:

[html]  view plain  copy
  1. <input type="text" id="txtMsg" myAttr="abc" />  

2.1 通过attributes属性或getAttribute(name)方法获取自定义属性值

[javascript]  view plain  copy
  1. var myAttr = document.getElementById("txtMsg").attributes["myAttr"].value;   //通过attributes属性  
  2. var myAttr = document.getElementById("txtMsg").getAttribute("myAttr");       //使用getAttribute方法  

2.2 使用setAttribute(name, value)方法设置属性值

[javascript]  view plain  copy
  1. document.getElementById("txtMsg").setAttribute("myAttr""newValue");  

2.3 使用removeAttribute(name)方法删除属性

[javascript]  view plain  copy
  1. document.getElementById("txtMsg").removeAttribute("myAttr");  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值