JavaScript で onclick 属性の値を取得する

published: 2018.12.10

JavaScript で、 HTML 要素の onclick 属性の値を取得する。

取得

getAttribute メソッドを利用して、 onclick 属性の値を取得する例。

HTML

<button id="button" onclick="handleClick()">Click</button>

JavaScript

var element = document.getElementById('button');
console.log(element.getAttribute('onclick')); // handleClick()

列挙

for 文を利用して、 onclick 属性の値を列挙する例。

HTML

<button onclick="handleClick1()">Click1</button>
<button onclick="handleClick2()">Click2</button>
<button onclick="handleClick3()">Click3</button>

JavaScript

var elements = document.querySelectorAll('[onclick]');
for (var index = 0; index < elements.length; index++) {
  var element = elements[index];
  console.log(element.getAttribute('onclick'));
}