HTML DOM removeAttributeNode() 方法
实例
从 <h1> 元素中删除 class 属性节点:
var elmnt = document.getElementsByTagName("H1")[0]; // 获取文档中的第一个 <h1> 元素
var attr = elmnt.getAttributeNode("class"); // 从 <h1> 获取类属性节点
elmnt.removeAttributeNode(attr); // 从 <h1> 中删除类属性节点
亲自试一试 »
var attr = elmnt.getAttributeNode("class"); // 从 <h1> 获取类属性节点
elmnt.removeAttributeNode(attr); // 从 <h1> 中删除类属性节点
定义和用法
removeAttributeNode() 方法从元素中移除指定的属性，并将移除的属性作为 Attr 节点对象 返回。
此方法与 removeAttribute() 方法的区别在于，removeAttribute() 方法删除具有指定名称的属性，而此方法删除指定的Attr对象。 结果是一样的。此外，removeAttribute() 方法没有返回值，而该方法将删除的属性作为 Attr 对象返回。
提示: 使用 getAttributeNode() 方法返回元素的属性节点。
提示: 使用 setAttributeNode() 方法向元素添加属性节点。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| removeAttributeNode() | Yes | Yes | Yes | Yes | Yes |
语法
element.removeAttributeNode(attributenode)
参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| attributenode | Attr object | 必需。要删除的属性节点 |
技术细节
| 返回值: | 一个 Attr 对象，表示移除的属性节点 |
|---|---|
| DOM 版本 | Core Level 1 Element Object |
更多实例
实例
从 <a> 元素中删除 href 属性节点:
var elmnt = document.getElementById("myAnchor"); // 用 id="myAnchor" 获取 <a> 元素
var attr = elmnt.getAttributeNode("href"); // 从 <a> 获取href属性节点
elmnt.removeAttributeNode(attr); // 从 <a> 中删除 href 属性节点
亲自试一试 »
var attr = elmnt.getAttributeNode("href"); // 从 <a> 获取href属性节点
elmnt.removeAttributeNode(attr); // 从 <a> 中删除 href 属性节点
相关页面
HTML 教程: HTML 属性
HTML DOM 参考手册: HTML DOM 属性对象
HTML DOM 参考手册: removeAttribute() 方法
HTML DOM 参考手册: getAttributeNode() 方法
HTML DOM 参考手册: setAttributeNode() 方法
