Добавить номер в качестве параметра для функции после того, как я получу кнопку от DOM?

Question

Я использую эту строку для получения кнопки DOM:

var btn = parent.parent.document.getElementById('btnZoom')

Я получаю от DOM этот элемент:

<button type="button" id="btnZoom" onclick="parent.ExecuteCommand()" class="button_air-medium">
    <img id="zoomMode" class="miniToolbarContant" src="...">
</button>

После получения элемента из DOM мне нужно добавить в функцию ExecuteCommand некоторое число в качестве параметра.

Например, номер 55:

<button type="button" id="btnZoom" onclick="parent.ExecuteCommand(55)" class="button_air-medium">
        <img id="zoomMode" class="miniToolbarContant" src="...">
</button>

Мой вопрос: как мне добавить число в качестве параметра функции ExecuteCommand после того, как я получу кнопку от DOM?

Answer 1

Помните, что onclick является атрибутом, и вы можете изменить значение, когда получите элемент DOM. Просто так:

var btn = parent.parent.document.getElementById('btnZoom');
btn.setAttribute("onclick","parent.ExecuteCommand(55)");

Answer 2

Два способа сделать это. Можно было бы установить числовое значение в качестве отдельного атрибута данных в теге HTML, а затем попросить команду parent.ExecuteCommand() прочитать его оттуда через this:

var btn = parent.parent.document.getElementById('btnZoom');
btn.setAttribute('data-number', 55);

Другой вариант - добавить обработчик событий onclick в Javascript вместо использования атрибута в теге HTML:

<button type="button" id="btnZoom" class="button_air-medium">

var btn = parent.parent.document.getElementById('btnZoom');
btn.addEventListener('click', () => parent.ExecuteCommand(55));