JS获取页面元素并修改

//实现代码如下，非常简单
<script>
                (function(){
                            var ele = document.getElementsByTagName("ul");  //获取页面上所有的ul元素
                            var target;
                            for(var i in ele){
                                if("art-list"==ele[i].className){     //找到类名位art-list的ul元素
                                    target = ele[i];
                                    break;
                                }
                            }
                            var li_arr = target.getElementsByTagName("li");    //找到ul中的所有li元素
                            li_arr[1].innerHTML='<a href="http://baidu.com.cn" target="_blank">我是新内容，将取代页面上原有的内容</a>';  //修改其内容
                          
                        }    
                )()
            </script>

 

 

 

//setAttribute给元素添加属性
<script>
            (function(){        
                    var arr = document.getElementsByTagName("tr");            
                var target=arr[2].getElementsByTagName("a")[1];                         
                target.setAttribute("href","http://baidu.com.cn");
                
            }
            )()
        </script>

 

转载于:https://www.cnblogs.com/lulu-beibei/p/4504048.html