码农教程 - 一技在手,衣食无忧! tools

目录

HTML DOM 元素 getAttributeNode()

❮上一节 ❮ 元素对象参考 下一节❯

示例

获取 <h1> 元素的类属性节点的值：

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;
亲自试一试 »

下面有更多示例。

描述

这个getAttributeNode()方法返回元素的属性。

这个getAttributeNode()方法返回一个属性对象。

getAttribute() 和 getAttributeNode() 之间的区别

这个getAttribute()方法返回属性的值。

这个getAttributeNode()方法返回一个属性对象，并且您必须使用属性值属性来获取值。

结果是一样的。

选择：

使用起来更方便getAttribute() 方法

也可以看看：

setAttribute() 方法

hasAttribute() 方法

removeAttribute() 方法

setAttributeNode() 方法

移除属性节点()方法

教程：

HTML 属性

参考：

HTML DOM 属性对象

语法

element.getAttributeNode( name)

参数

Parameter Description
name Required.
The name of the attribute.

返回值

类型 描述
对象 属性节点的 Attr 对象。
null如果该属性不存在。

更多示例

示例

获取<a>元素的目标属性节点的值：

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;
亲自试一试 »

示例

获取 <button> 元素的 onclick 属性节点的值：

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;
亲自试一试 »

浏览器支持

element.getAttributeNode()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11
❮上一节 ❮ 元素对象参考 下一节❯