配列により、ページ上にあるDOMの操作

配列により、ページ上にあるDOMの操作

分かった事：
DOMの配列を削除後に、要素が変わります、次回の操作に影響が出ます。
削除しなくでも良い場合、無効にする。


練習1 (成功) 削除後に配列の順番が変わります。
while (document.getElementsByTagName('img')[0]){
    imgelement = document.getElementsByTagName('img')[0];
    imgelement.parentNode.removeChild(imgelement);
}


練習2 (失敗) 操作出来ないElementが発生します。
var imgelement = document.getElementsByTagName('img');
for ( var i = 1; i < imgelement.length ; i++){
    imgelement[i].parentNode.removeChild(imgelement[i]);
}


練習3 (成功) 配列の要素が変わっていないので順番に操作出来ます。
var imgelement = document.getElementsByTagName('img');
for ( var i = 1; i < imgelement.length ; i++){
    document.getElementsByTagName('img')[i].style.display="none";
}