jQuery原生JavaScript获取所有元素attributes属性

jQuery语法$(this).attr()并不能返回所有的属性，其实上可直接访问原生HtmlElement对象的 element.attributes 来获取属性节点。

比如：

var target = document.getElementById('format-tab')
console.log(target.attributes)

返回为 NamedNodeMap 对象，可使用类似数组的方法访问

for (var i = 0; i < target.attributes.length; i++) {
  var attribute = target.attributes[i]
  var key = this.name
  var val = this.value
  console.log(attribute, key, val)
}

或使用jQuery枚举

$.each(target.attributes, function() {
  var attribute = this
  console.log(attribute, attribute.name, attribute.value)
})