如何用dom手法遍历html元素的属性值？

如以下html代码,如何遍历其中的a元素中的每一个属性的值？<div id="mm">
<a href="http://www.a.com" title="va" target="_blank"><img alt="pic" src="http://i.img.com"/></a>
</div>

解决方案 »

  1.   

    获取对象
    var obj_div = document.getEle...
    遍历对象
    for(var key in obj_div){
        alert(key);
        alert(obj_div[key]);
    }
      

  2.   

    楼上的朋友我只要这些：如a:中的href="http://www.a.com" title="va" target="_blank"通过document.get...取到a了，然后遍历显示出有href及值，title及值，target及值
      

  3.   

    <!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>test</title>
    <script type="text/javascript">
    window.onload = function(){
    var a = document.getElementById("mm").getElementsByTagName("a")[0].attributes;
    for(var i in a) {
    if(a[i].nodeType == 2) {
    alert(a[i].name + ":" +a[i].value)
    }
    }
    };
    </script>
    </head>
    <body style="height:800px;">
    <div id="mm">
        <a href="http://www.a.com" title="va" target="_blank"><img alt="pic" src=""/></a>
    </div>
    </body>
    </html>
      

  4.   

    楼上的神，你的方法是行地，但有些不懂的地方nodeType为何要等于2时才显示，另外a.length是4，第4个显示shape:是怎么回事？
      

  5.   

    其实这个方法不好，但是我一时间没想到别的办法
    既然是DOM 那你应该了解nodeType是判断节点类型的 其中2就是attribute，有翻译为属性的，有翻译为特性的。shape是在IE下出现的，具体我没有特别的留意过，我甚至记得IE6下这个运行都不一定成功。
    如果转换为XML DOM，即这个对象变为XML DOM对象，那就好办了（这个思路你可以试试）
      

  6.   

    <div id="mm">
        <a href="http://www.a.com" title="va" target="_blank"><img alt="pic" src="http://i.img.com"/></a>
    </div><script>
    function getObjAttribute(id, attr){
    var obj = document.getElementById(id).firstChild;
    for(var key in attr){
    alert(obj.getAttribute(key));
    }
    }//想要的属性
    var attr = new Array();
    attr["href"] = "1";
    attr["title"] = "1";
    attr["target"] = "1";
    //test...
    getObjAttribute("mm", attr);
    </script>