20231129：getElementsByClassName属性使用踩坑记录

背景： 官网隐私页面适配官网页面头部和尾部样式修改

1、为什么使用getElementsByClassName,获取不到下面的子节点

获取不到是因为js代码执行时文档还未加载完成，试试下面这种写法：window.onload 意思为等待文档加载完成后再执行js代码块

window.onload = function() {
    var div1 = document.getElementsByClassName('content')
    console.log(div1);
}

2、关于getElementByClassName遍历问题

getElementsByTagName和getElementsByClassName其实一样都是动态的，而由于改变了ClassName才会导致遇到的问题,getDom一开始是5个，改变了第一个之后，class为icon-ok-circle就只有4个了，然后原本getDom[1]就成为后一步操作中的getDom[0],但此时for循环的i值已经变为1,所以他改变的是之前2位置的,所以会出现隔一个改变的情况。
换个思路：

while(getDom.length>0){
        getDom[0].className="icon-ok-sign";
 }