如何將屬性添加到使用JavaScript的文本框？

我有一個數據列表，其中我有一個文本框名稱txtvoteoption現在我添加項目數據綁定在這個文本框上的屬性，但現在我想添加使用Java腳本的第三個屬性？如何將屬性添加到使用JavaScript的文本框？

背後的原因，我想這對Java腳本，因爲我有這個頁面還使用下拉它改變下拉，我想在這個變化的事件

這個代碼是在工作正常添加此屬性項目數據綁定事件

txtVoteOption.Attributes.Add("onfocus", "EnableTip('" + txtVoteOption.ClientID + "','text',1);"); 
      txtVoteOption.Attributes.Add("onblur", "DisableTip('" + txtVoteOption.ClientID + "','text');"); 
      txtVoteOption.Attributes.Add("validation", "Required,Please enter option A,default.png;4");

我試過，但它不工作這是JavaScript代碼。

var txtOption1=document.getElementById("ctl00_cphContent_dlVoteOption_ctl01_txtVoteOption"); 
    alert(txtOption1); 
    txtOption1.attributes.add('validation', 'Required,Please enter option A,default.png;4');

來源

2011-06-23 rahularyansharma

* .Attributes.Add *函數做了什麼？您不應該添加非標準的HTML屬性或DOM節點屬性。 – RobG

我已經在上面的代碼中提到過，這段代碼是c＃中的服務器端代碼，它在datalist的項目數據綁定事件上，它對我很好，但現在我必須從javascript完成此任務 – rahularyansharma

不，您沒有，但是謝謝在評論中澄清。 – RobG

它是第一個例子，它似乎你使用某種框架。在第二個你不。

txtOption1.attributes返回NamedNodeMap^[docs]。它沒有方法add。

您必須先使用element.setAttribute^[docs]，然後使用element.getAttribute^[docs]進行訪問。

您還應該考慮使用HTML5 data attributes以獲得兼容性。避免添加任何其他類型的自定義屬性。每個元素都有一組明確定義的允許屬性。

來源

2011-06-23 09:03:42

我經歷了你在這裏發佈的mozilla.and的地址，我做了那些確切的事情，但是當我使用螢火蟲它沒有顯示我使用此代碼添加的自定義屬性。 – rahularyansharma

var txtOption1 = document.getElementById（「ctl00_cphContent_dlVoteOption_ctl01_txtVoteOption」）; txtOption1.attributes.setNamedItem（「validation」，「Required，Please enter option A，default.png; 4」）; – rahularyansharma

感謝Felix Kling的工作。我只是犯了一個小錯誤，但現在爲我工作。 – rahularyansharma

如何將屬性添加到使用JavaScript的文本框？

回答

相關問題