您的位置：首页 > Web前端 > JavaScript

setAttribute和getAttribute

2014-04-12 22:52 387 查看
自己在写js时用到了这两个方法。但碰到了问题，百度不给力，只能自己上了。用法：obj.setAttribute(attr,value);obj.getAttribute(attr)。obj是元素节点，attr和value是传入的参数，这个大家都知道。下面我说个大家不知道的。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> 属性操作 </title></head><body><ul id="aa"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul><button id="btn">click</button><script type="text/javascript">function attr(obj,attri,ovalue){switch(arguments.length){case 2:return obj.getAttribute(attri);break;case 3:obj.setAttribute(attri,ovalue);break;default:break;}}var oul = document.getElementById("aa");var olis = oul.getElementsByTagName('li');var obtn = document.getElementById("btn");oul.index = 1;obtn.onclick = function(){alert(attr(oul,'index'))};</script></body></html>
 你把这段代码运行一下，单击按钮，正确的弹出了 1 了吗？各个浏览器中的效果：IE：文档模式9标准IE：文档模式8标准不是所有的浏览器中一定有问题，但我们追求的是一点问题都没有。继续看下去：将倒数第五行的：oul.index = 1;换成attr(oul,'index',1);  再到浏览器去看一遍。就不截图了，都是 1  嘛。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                javascript
                                                getAttribute
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航