JS获取页面元素并修改

浏览数：19 / 时间：2015年06月09日

//实现代码如下，非常简单
<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>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

JS获取页面元素并修改