網上找了很多,都不如意,後來安裝了個谷歌瀏覽器調試,發現問題: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>