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>

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

Answer 1

两种方法可以做到这一点。一种方法是将数字值设置为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));

Answer 2

请记住，onclick是一个属性，您可以在获取DOM元素时修改该值。就是这样：

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

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

2 个答案: