引用显式元素 ID

Referencing explicit element id

本文关键字：ID 元素 引用      更新时间：2023-09-26

我的javascript函数看起来像这样 - 

function updateSuccess(aEle) {
    //Here aEle doesn't have the correct id
    percIncrease.innerText = "Success";
}

在意识到以这种方式获取元素是不好的时，获得该元素的更安全方法是什么？

更多信息 -这是我从 C# 中调用它的方式。

DropDownList ddl = new DropDownList();
ddl.ID = "ddlData1";
ddl.Attribute.Add("onchange", "updateSuccess('" + ddl.ClientID + "')";

编辑

根据问题中的编辑，您只需要这样做 

ddl.Attribute.Add("onchange", "updateSuccess(this)";

JavaScript

function updateSuccess(element) {
              alert(element.id);
              document.getElementById(element.id).innerText = "Success";
              //or try below directly
              //element.innerText = "Success";
 }

我认为您正在使用带有 Asp.net 的javascript，为此您可以做这样的事情

函数引用

function updateSuccess(recordID) {
     var percIncrease = document.getElementById(recordID);
     percIncrease.innerText = "Success";
 }

调用函数

  updateSuccess('<%= serverelementID.ClientID %>');

或直接喜欢

function updateSuccess() {
     var percIncrease = document.getElementById('<%= serverelementID.ClientID %>');
     percIncrease.innerText = "Success";
 }
相关文章：