Javascript 如何使用html href触发按钮？

我的HTML/CSS/Div表中有以下代码，href可以正常工作。是否可以替换href代码，以便在单击此图像时，不是打开URL，而是激活按钮单击

工作代码

单击上面定义的图像所需的结果：
此按钮在未实际将按钮放置在html页面上的情况下被激活：

购买

您可以向锚点添加一个单击处理程序，将单击事件委托给按钮

//将链接添加到“单击”按钮
document.querySelector（“#我的链接”）.addEventListener（'click'，e=>
document.querySelector（“#我的按钮”）。单击（）；
//手柄按钮点击
document.querySelector（“#我的按钮”）.addEventListener（'click'，e=>
log（'按钮单击…'）



我将通过编程方式被单击
您可以将事件侦听器直接附加到
元素并调用按钮处理程序

document.querySelector('.test-link').addEventListener('click', function(event){
   //prevent navigation
   event.preventDefault();
   event.stopPropagation();

   // call your button handler directly
   callButtonEventHandler();

   return false;
});

如果页面上没有按钮，则无法触发按钮单击。
只有在javascript中可用时，才能调用它的处理程序。
如何“激活”html页面上没有的内容？在这种情况下，“激活”是什么意思？您可以向锚添加一个单击处理程序，将单击事件委托给按钮。如果页面中只包含按钮，则可以使用按钮代替onclick，然后通过单击按钮执行一些代码，该按钮可以正常工作。因此，想知道a-class代码中定义的图像是否可能以某种方式触发此按钮，而不是打开href中定义的URL。那么，为什么需要触发按钮呢。您只需为元素附加一个事件侦听器，然后单击“仅执行代码”。只需在单击时使用event.preventDefault（）和event.stopPropagation（），然后单击不会触发导航。好吧，“实际上是在html页面上放置按钮”…正确，我不想将按钮放置在html页面上，因此，我想如果不将按钮放在html页面上，实际按钮后面的代码就不可能执行了？我如何才能公开它的处理程序？（这里的新手）如果按钮存在于不同的html页面上，我可以触发按钮单击吗？不，你不能从不同的页面触发按钮。每个页面都有特定的资源，这意味着javascript/html/CSS处理程序是在触发事件时执行的javascript函数
…addEventListener（[event]，[eventHandler]）
。你想触发的那个按钮我猜它有自己的处理程序，你想执行它。因此，如果您有权访问该处理程序，您可以直接调用该处理程序。因此，如果您在javascript中有某个地方：
[theOtherButton]。addEventListener（[event]，buttonEventHandler）
，其中
buttonEventHandler
是为另一个按钮执行代码的函数。您可以执行
document.querySelector（'.test link'）.addEventListener（'click'，函数（事件）{//preventNavigation event.preventDefault（）；event.stopPropagation（）；//直接调用按钮处理程序buttonEventHandler（）；返回false；}）