大家来讨论一下关于getAttribute() 和 对象直接调用的区别?

Question

var con=document.getElementsByTagName("li");
    for (var i=0; i< con.length;i++){
    var text=con[i].getAttribute(title);
      if(text!=null)
      {
        document.write(text+"<br>");
      }
    }

其中var text=con[i].getAttribute(title);

改为var text=con[i].title;

也是一样能操作的，求解里面的内涵区别。是否是con[i].title;是con[i].getAttribute(title);的简写。还是说两者的底层实现是不一样的。

Answer 1

"con[i].title只能获取HTML元素中现有的属性

而con[i].getAttribute("title")不仅可以获取HTML元素中现在的属性，还可以获取非HTML元素也就是自定义的。

你可以试着把li元素中的某个title改为title1，使用con[i].getAttribute("title")，会发现结果只能显示title1的属性值，而title属性的值不会显示。"