javascript - 从DOM获得按钮后，将数字添加为参数以起作用吗？

我使用此行从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>

我的问题是如何从DOM中获取按钮后将数字添加为参数Exec​​uteCommand函数？

最佳答案

有两种方法可以做到这一点。一种方法是将数字值设置为HTML标记上的单独数据属性，然后让parent.ExecuteCommand()命令通过this从那里读取它：

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

另一种方法是在Javascript中添加onclick事件处理程序，而不是在HTML标签上使用属性：

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

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