1. 程式人生 > >獲取多個input標籤,並動態改變input標籤的name屬性

獲取多個input標籤,並動態改變input標籤的name屬性

網上找了很多,都不如意,後來安裝了個谷歌瀏覽器除錯,發現問題:list陣列中的值居然變少了,但不知道為什麼會這樣,求大神解答。原理我不知道,但是稍微修改下程式碼,還是實現了

<script type="text/javascript">
        //動態改變
        function test(){
            var list = document.getElementsByName("a");
            var count = list.length;
            for(var i=0;i<count;i++){
                list[0
].name = "b"; }; //這樣是賦值不完全的,通過除錯發現,當name屬性的 //值發生改變後,list陣列中就會少一個input,不明白其中原因 //for(var i=0;i<list.length;i++){ // list[i].name = "b"; //}; } //測試是否改變成功 function test1(){ var list = document.getElementsByName("b"
); for(var i=0;i<list.length;i++){ alert(list[i].name+" "+list[i].value); }; }
</script> </head> <body> <input type="text" name="a" value="1"> <input type="text" name="a" value="2"> <input type="text"
name="a" value="3">
<input type="text" name="a" value="4"> <input type="button" onclick="test()" value="獲取name為a的標籤集合並修改name值"> <input type="button" onclick="test1()" value="測試修改後的name值"> </body>