如何使用js為html元素添加自定義屬性
4 回答
森欄
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超5個(gè)贊
value屬性比較特殊，盡管value屬性不是select元素的標(biāo)準(zhǔn)屬性，但在JS中是可以通過select對(duì)象.value來(lái)獲取選定值的
通過這種方法取得的value值實(shí)際上是所選擇的option的value值。
像你這樣直接在select標(biāo)簽的html代碼中設(shè)置了一個(gè)value屬性，JS仍然會(huì)把它當(dāng)作是自定義屬性。所以就出現(xiàn)了例子中這個(gè)比較“奇怪”的現(xiàn)象。
嚕嚕噠
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個(gè)贊
document.getElementById("#a").setAttribute("屬性名","屬性值");
小唯快跑啊
TA貢獻(xiàn)1863條經(jīng)驗(yàn) 獲得超2個(gè)贊
| 123456789101112131415161718 | <select style="width: 120px;" id="dp" name="dp" value="-1" onchange="funAlert(this)"> <option value="-1" selected="selected"></option> <option value="1">WA1</option> <option value="2">OR2</option> <option value="3">AZ3</option> <option value="4">UT4</option> <option value="5">IA5</option> <option value="6">MD6</option></select> <script type="text/javascript">function funAlert(obj) { obj.setAttribute('demo', obj.value); //setAttribute設(shè)置自定義屬性 alert(obj.getAttribute('demo')); //getAttribute獲取自定義屬性的值 alert(obj.getAttribute('value')); //由于沒有用setAttribute('value', obj.value)修改自定義屬性value的值，所以一直都是-1 alert(obj.value); //直接獲取select對(duì)象的value值，返回當(dāng)前選中的option的值}</script> |
value屬性比較特殊，盡管value屬性不是select元素的標(biāo)準(zhǔn)屬性，但在JS中是可以通過select對(duì)象.value來(lái)獲取選定值的，通過這種方法取得的value值實(shí)際上是所選擇的option的value值。像你這樣直接在select標(biāo)簽的html代碼中設(shè)置了一個(gè)value屬性，JS仍然會(huì)把它當(dāng)作是自定義屬性。所以就出現(xiàn)了例子中這個(gè)比較“奇怪”的現(xiàn)象。
蕪湖不蕪
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個(gè)贊
var el = document.getElementById('id');
el.setAttribute('name', 'Lee');
添加回答
舉報(bào)
0/150
提交
取消