English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM getAttributeNode() 方法

HTML DOM Element 객체

getAttributeNode()方法返回指定元素的指定属性, 返回值是 Attr 节点类型

如果给定的属性不存在,则返回的值将为null或“”(空字符串)。

使用attribute.value属性返回属性节点的值。

如果只想返回属性值,请使用getAttribute()方法。

您可以在我们的HTML DOM属性对象中了解有关Attr对象的更多信息。

语法:

element.getAttributeNode(attr)
var elem = document.getElementsByTagName("H1")[0];
var attr = elem.getAttributeNode("class").value;
테스트 보기‹/›

浏览器兼容性

所有浏览器完全支持getAttributeNode()方法:

Method
getAttributeNode()

参数值

参数描述
attr您要返回的属性的名称

技术细节

返回值:一个Attr对象,表示指定的属性节点
DOM版本:DOM级别1

更多实例

获取元素的样式属性节点的值:

var elem = document.getElementsByTagName("H1")[0];
var attr = elem.getAttributeNode("style").value;
테스트 보기‹/›

고정 링크 요소의 href 속성 점의 값을 가져오기:

var elem = document.getElementsByTagName("a")[0];
var attr = elem.getAttributeNode("href").value;
테스트 보기‹/›

이미지 요소 node의 src 속성 값을 가져오기:

var elem = document.getElementsByTagName("img")[0];
var attr = elem.getAttributeNode("src").value;
테스트 보기‹/›

관련 참조

HTML 튜토리얼:HTML 속성

HTML DOM 참조:HTML DOM 속성 객체

HTML DOM 참조:element.getAttribute() 메서드

HTML DOM 참조:element.setAttribute() 메서드

HTML DOM 참조:element.removeAttributeNode() 메서드

HTML DOM Element 객체