读取div元素

Question

我已经定义了sap.m.Button是SAP UI5视图，当我在开发人员工具中看到Elements选项卡时，element如下所示

​

<div class="sapUiVltCell sapuiVltCell">
  <button id="Submit" data-sap-ui="Submit" class="sapMBtn sapMBtnBase">
    <span id="Submit-inner" class="sapMBtnDefault sapMBtnInner sapMBtnText sapMFocusable">
       <span class="sapMBtnContent" id="Submit-content">
         <bdi id="Submit-BDI-content">Submit</bdi>
      </span>
    </span>
  </button>
</div>

​

当我使用DOM元素onClick函数捕获单击按钮时，我看到Event.target.id的id="Submit-BDI-content"是div节点的最后一个元素，而不是id Submit。

我需要按钮元素的div ID Submit，而不是Submit-BDI-content

我知道父元素可以使用document.getElementById("Submit-BDI-content").parentNode.parentNode.parentNode读取，但我不想使用它，因为我想写通用逻辑。在本例中，有两个span元素，但另一个按钮可能没有任何span元素。

我正在寻找一个逻辑，可以给我的点击元素的div ID元素。

有没有人能提个建议？

Answer 1

您可以尝试使用JQuery

$("#Submit").click(function(){
    alert("button");
}); 

或者为什么要捕获DOM元素的点击函数，你可以使用按键属性来定义点击按钮调用的函数。

<Button text="Click Me" press="onclickFn" ></Button>

在控制器中-

onclickFn : function(){

//body of click function

}