獲取多個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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章