如何使用纯js单击特定的DOM元素（不是按钮），其行为类似于selenuim.click()

Question

我需要将脚本写入现有站点（我无法更改其代码）。

    orders = document.getElementsByClassName('table-row');
    for (order of orders){
        let text = order.innerText;
        let btn = order.getElementsByClassName('icon-btn')[0];
        btn.click()
    }    

问题是BTN不是按钮。这是一个必须单击的SVG（在网站的内部JS中进行处理），

<svg width="1.2em" height="1.2em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32" class="icon-btn align-middle"><path d="M30 10.68l-2-6A1 1 0 0 0 27 4H5a1 1 0 0 0-1 .68l-2 6A1.19 1.19 0 0 0 2 11v6a1 1 0 0 0 1 1h1v10h2V18h6v10h16V18h1a1 1 0 0 0 1-1v-6a1.19 1.19 0 0 0 0-.32zM26 26H14v-8h12zm2-10h-4v-4h-2v4h-5v-4h-2v4h-5v-4H8v4H4v-4.84L5.72 6h20.56L28 11.16z" fill="currentColor"></path></svg>

因此默认情况下它没有单击（）属性

VM844:9 Uncaught TypeError: Cannot read properties of undefined (reading 'click')
    at <anonymous>:9:13

，因此只需单击该元素，然后在该内部网站JS将处理此单击并给我。弹出窗口。

等待的事件就像selenium.click（），只需单击对象，

我尝试添加btn.addeventlistener（'click'click'，...）

for (order of orders){
        console.log(order)
        let text = order.innerText;
        let btn = order.getElementsByClassName('icon-btn')[0];
        btn.addEventListener("click", function(){ alert("Hello World!"); })
    }   

，我有错误

VM1553:9 Uncaught TypeError: Cannot read properties of undefined (reading 'addEventListener')
    at <anonymous>:9:13
(anonymous) @ VM1553:9

Answer 1

document.getElementsByClassName('icon-btn')[0]._vei.onClick.value()