如何使用js为html元素添加自定义属性？

Question

如何使用js为html元素添加自定义属性

Answer 1

value属性比较特殊，尽管value属性不是select元素的标准属性，但在JS中是可以通过select对象.value来获取选定值的通过这种方法取得的value值实际上是所选择的option的value值。像你这样直接在select标签的html代码中设置了一个value属性，JS仍然会把它当作是自定义属性。所以就出现了例子中这个比较“奇怪”的现象。

Answer 2

document.getElementById("#a").setAttribute("属性名","属性值");

Answer 3

123456789101112131415161718<select&nbsp;style="width:&nbsp;120px;"&nbsp;id="dp"&nbsp;name="dp"&nbsp;value="-1"&nbsp;onchange="funAlert(this)">&nbsp;&nbsp;<option&nbsp;value="-1"&nbsp;selected="selected"></option>&nbsp;&nbsp;<option&nbsp;value="1">WA1</option>&nbsp;&nbsp;<option&nbsp;value="2">OR2</option>&nbsp;&nbsp;<option&nbsp;value="3">AZ3</option>&nbsp;&nbsp;<option&nbsp;value="4">UT4</option>&nbsp;&nbsp;<option&nbsp;value="5">IA5</option>&nbsp;&nbsp;<option&nbsp;value="6">MD6</option></select>&nbsp;&nbsp;<script&nbsp;type="text/javascript">function&nbsp;funAlert(obj)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;obj.setAttribute('demo',&nbsp;obj.value);&nbsp;//setAttribute设置自定义属性&nbsp;&nbsp;&nbsp;&nbsp;alert(obj.getAttribute('demo'));&nbsp;//getAttribute获取自定义属性的值&nbsp;&nbsp;&nbsp;&nbsp;alert(obj.getAttribute('value'));&nbsp;//由于没有用setAttribute('value',&nbsp;obj.value)修改自定义属性value的值，所以一直都是-1&nbsp;&nbsp;&nbsp;&nbsp;alert(obj.value);&nbsp;//直接获取select对象的value值，返回当前选中的option的值}</script>value属性比较特殊，尽管value属性不是select元素的标准属性，但在JS中是可以通过select对象.value来获取选定值的，通过这种方法取得的value值实际上是所选择的option的value值。像你这样直接在select标签的html代码中设置了一个value属性，JS仍然会把它当作是自定义属性。所以就出现了例子中这个比较“奇怪”的现象。&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;

Answer 4

var el = document.getElementById('id');el.setAttribute('name', 'Lee');