怎样遍历属性值

我想实现的效果是这样的。比如说<table></table>有很多属性和方法，包括里面的size,color,with,bgcolor,其他。如果我在<table>标签不知道有这些属性，怎样有一个JS来实现遍历alert出里面的size,color,等所有的属性

解决方案 »

  1.   

    假设<table id="tableId">...</table>(function(obj) {
      for (var i=0, len=obj.attributes.length; i<len; i++) {
        alert(obj.attributes[i].nodeName);
      }
    })(document.getElementById("tableId"));
      

  2.   

    我这里取了一个属性，你按照这个模板 要什么属性就取什么属性
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
    <script>
    window.onload = function()
    {var t = document.getElementById('t')
    alert(t.align)
    }</script>
      
     </HEAD> <BODY>
     <table id="t" align="center" >
    <tr>
     <td>
    11
     </td>
    </tr>  </table>
      
     </BODY>
    </HTML>
      

  3.   

    var o=先获取对象;
    for(name in o)
    {
        alert(name+"："+o[name]);
    }
      

  4.   


    var attrs = document.getElementsByTagName('table')[0].attributes;
    var len = attrs.length;
    var attr, result = [];
    for(var i = 0; i < len; i ++) {
    attr = attrs[i];
    result.push(attr.name + ' : ' + attr.value);
    }
    alert(result.join('\n'));
      

  5.   

      <div id="el" class="a" name="b" c="e" d="f"></div>
    js 代码  输出 id class 等属性的值
    var el = window.document.getElementById("el"), atts = el.attributes, len = atts.length, att, i = 0;
        for (; i < len; i++) {
            att = atts[i];
            if (att.specified) {
                alert(att.name + " , " + att.value)
            }
        }
      

  6.   

    html 
    <div id="el" class="a" name="b" c="e" d="f"></div>脚本代码 
     var el = window.document.getElementById("el"), atts = el.attributes, len = atts.length, att, i = 0;
        for (; i < len; i++) {
            att = atts[i];
            if (att.specified) {
                alert(att.name + " , " + att.value)
            }
        }
      

  7.   

    HTML code    <table id="el" class=a name=b c="e" d="f"></table>
    JScript code    var el = document.getElementById("el"), atts = el.attributes, len = atts.length, att, i = 0 ; for(; i < len ; i++){ att = atts[i]; if(att.specified){ alert(att.name + " , " + att.value) } }
      

  8.   

    获取不到数据，代码有的都无法运行，attributes是不是只对文件而言，对象是不能用的，<script type="text/javascript">
    var el= window.document.getElementById("el");
    var atts=el.attributes;
    var len = atts.length;
    var att,i=0;
     onload=function abc(){
    for (; i < len; i++) {
      att = atts[i];
      if (att.specified) {
      alert(att.name + " , " + att.value)
      }
      }
    }
    </script>
    <body>
    <div id="el" class="a" name="b" c="e" d="f"></div>代码我调试了，总是出问题。
    说什么“var atts=el.attributes;”缺少对象。再说我要的是隐藏属性，而不是我写在上面的name,id,这些属性，是没有写出来的属性。
      

  9.   

    <table id="tableId"><tr><td></td></tr></table>
    <input value="查看" type='button' onclick="getAttr();" />function getAttr()
    {
        var o=document.getElementById("tableId");
        for(name in o)
        {
          alert(name+"："+o[name]);//name就是属性；o[name]就是对应的值
        }
    }
      

  10.   


    你在IE里试了吗?弹出N多.