JavaScript で onclick 属性の値を取得する
published:
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'));
}