如何获取DIV中元素属性

Question

 示例：
  <div id=map>
  <div x=1 y=2>
  </div>
  <div x=3 y=4>
  </div>
  <div x=5 y=6>
  </div>
</div>拿取   x  y！
帮帮忙吧！

Answer 1

ds = document.getElementById("map").getElementsByTagName("div")
for(i=0;i<ds.length;i++ )alert(ds[i].x + " - " + ds[i].y)

Answer 2

或者
ds = document.getElementById("map").getElementsByTagName("div")
for(i=0;i<ds.length;i++ )alert(ds[i].getAttribute("x") + " - " + ds[i].getAttribute("y"))

Answer 3

  $(function(){
     alert($("div").attr("x"));
  })
  <div x="1" y="2">
  也可以给div设个id，然后获取，如下：
   $(function(){
     alert($("#test").attr("x"));
  })
  <div id="test" x="1" y="2">
  以上是jquery的做法

Answer 4

原生的做法是  getAttributeNode(name).value  我们可以可以给他添加 修改属性                              var _tmp = document.createAttribute(name);
                _tmp.value = value;
                obj.setAttributeNode(_tmp);
呵呵 够全了吧

Answer 5

var objs=$("div[x]");
for(var i=0;i<objs.length;i++){
  x=objs[i].attr("x")
}

Answer 6

不就是拿个属性,怎么都用上jQuery了