如何使用 javascript 将属性添加到文本框？

Question

我有一个数据列表，其中有一个文本框名称 txtvoteoption 现在我在该文本框上的项目数据绑定上添加属性，但现在我想使用 java 脚本添加第三个属性？

我想要在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');

Answer 1

这是第一个示例，您似乎使用了某种框架。第二个你就不会了。

txtOption1.attributes 返回一个 NamedNodeMap ^[文档]。它没有方法add。

您必须使用 element.setAttribute ^[docs]，然后使用 element.getAttribute ^[文档]。

您还应该考虑使用 HTML5 data 属性兼容性。避免添加任何其他类型的自定义属性。每个元素都有一组明确定义的允许属性。