HTML | Метод DOM getAttribute ()

Опубликовано: 2 Декабря, 2021

Метод DOM getAttribute () используется для получения значения атрибута элемента. Указав имя атрибута, он может получить значение этого элемента. Чтобы получить значения из нестандартных атрибутов, мы можем использовать метод getAttribute ().

Синтаксис: возвращает строку, содержащую значение атрибута.

 Object.getAttribute (имя атрибута)

Пример 1:

<!DOCTYPE html>
< html >
< head >
< title >DOM getAttribute() Method </ title >
</ head >
< body >
< center >
< h1 style = "color:green;width:50%;" >
GeeksForGeeks
</ h1 >
< h2 >DOM getAttribute() Method </ h2 >
< br >
< button id = "button" onclick = "geeks()" >
Submit
</ button >
< p id = "gfg" ></ p >
< script >
function geeks() {
var rk =
document.getElementById("button").getAttribute("onClick");
document.getElementById("gfg").innerHTML = rk;
}
</ script >
</ center >
</ body >
</ html >

Выход:
Перед нажатием на кнопку:

После нажатия на кнопку:

Пример 2:

Выход:
Перед нажатием на кнопку:

После нажатия на кнопку:

Поддерживаемые браузеры: браузеры, поддерживаемые методом DOM getAttribute () , перечислены ниже:

  • Google Chrome 15.0
  • Internet Explorer 11.0
  • Firefox 15.0
  • Opera 15.0
  • Safari 6.0