属性：对象身上保存的变量就是属性
属性节点：指在html标签中添加的属性，就是属性节点
可以通过以下代码说明
<script>
$(function(){
function box(){ //新建一个box类
}
var p=new box() //new一个对象
p.name='aa' //给对象的属性赋值
p['name']='a' //.都可以通过[]代替
console.log(p.name) //输出属性的值
console.log(p['name']) /输出属性的值
var bSpan=document.getElementsByTagName('span')[0] //获取span对象
bSpan.setAttribute('name','aaa') //给span的节点属性(属性节点)赋值
console.log(bSpan.getAttribute('name')) //取节点属性的值
})
</script>
<body>
<span name="work"></span>
</body>
换一种理解方法：
<div class="attr">
这是文本
</div>
如上class就是属性节点
